diff --git a/src/components/data-table/ha-data-table.ts b/src/components/data-table/ha-data-table.ts index 0811669c51..c7c2927c33 100644 --- a/src/components/data-table/ha-data-table.ts +++ b/src/components/data-table/ha-data-table.ts @@ -246,7 +246,7 @@ export class HaDataTable extends LitElement { aria-rowcount=${this._filteredData.length + 1} style=${styleMap({ height: this.autoHeight - ? `${(this._filteredData.length || 1) * 53 + 57}px` + ? `${(this._filteredData.length || 1) * 53 + 53}px` : `calc(100% - ${this._headerHeight}px)`, })} > @@ -919,13 +919,11 @@ export class HaDataTable extends LitElement { color: var(--secondary-text-color); } .scroller { - display: flex; - position: relative; - contain: strict; height: calc(100% - 57px); } - .mdc-data-table__table:not(.auto-height) .scroller { - overflow: auto; + + .mdc-data-table__table.auto-height .scroller { + overflow-y: hidden !important; } .grows { flex-grow: 1; diff --git a/src/dialogs/quick-bar/ha-quick-bar.ts b/src/dialogs/quick-bar/ha-quick-bar.ts index 5b39620c92..e98c2375f0 100644 --- a/src/dialogs/quick-bar/ha-quick-bar.ts +++ b/src/dialogs/quick-bar/ha-quick-bar.ts @@ -638,18 +638,6 @@ export class QuickBar extends LitElement { margin-left: 8px; } - .uni-virtualizer-host { - display: block; - position: relative; - contain: strict; - overflow: auto; - height: 100%; - } - - .uni-virtualizer-host > * { - box-sizing: border-box; - } - mwc-list-item { width: 100%; } diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts index 3c62b1c3af..1a8d6864bc 100644 --- a/src/panels/logbook/ha-logbook.ts +++ b/src/panels/logbook/ha-logbook.ts @@ -353,15 +353,7 @@ class HaLogbook extends LitElement { } :host([virtualize]) .container { - display: block; - position: relative; - contain: strict; height: 100%; - overflow: auto; - } - - .container > * { - box-sizing: border-box; } .narrow .entry {