jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 01:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes issue where the grid cards wouldnt be sized correctly (#12571)

Browse Source
This commit is contained in:
Zack Barett 2022-05-04 05:04:24 -05:00 committed by GitHub
parent 7e60de0531
commit cfadf4d700
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/media-player/ha-media-player-browse.ts
View File

@ -1,4 +1,5 @@
import "@lit-labs/virtualizer"; import "@lit-labs/virtualizer";
import type { LitVirtualizer } from "@lit-labs/virtualizer";
import { grid } from "@lit-labs/virtualizer/layouts/grid"; import { grid } from "@lit-labs/virtualizer/layouts/grid";
import "@material/mwc-button/mwc-button"; import "@material/mwc-button/mwc-button";
import "@material/mwc-list/mwc-list"; import "@material/mwc-list/mwc-list";
@ -101,6 +102,10 @@ export class HaMediaPlayerBrowse extends LitElement {
@query(".content") private _content?: HTMLDivElement; @query(".content") private _content?: HTMLDivElement;
@query("lit-virtualizer") private _virtualizer?: LitVirtualizer;
private _observed = false;
private _headerOffsetHeight = 0; private _headerOffsetHeight = 0;
private _resizeObserver?: ResizeObserver; private _resizeObserver?: ResizeObserver;
@ -281,6 +286,19 @@ export class HaMediaPlayerBrowse extends LitElement {
this._animateHeaderHeight(); this._animateHeaderHeight();
} else if (changedProps.has("_currentItem")) { } else if (changedProps.has("_currentItem")) {
this._setHeaderHeight(); this._setHeaderHeight();
// This fixes a race condition for resizing of the cards using the grid layout
if (this._observed) {
return;
}
// @ts-ignore
const virtualizer = this._virtualizer?._virtualizer;
if (virtualizer) {
this._observed = true;
setTimeout(() => virtualizer._observeMutations(), 0);
}
} }
} }