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

fix dropdown behind datatable (#24981)

Browse Source
This commit is contained in:
Bram Kragten 2025-04-09 16:16:47 +02:00 committed by GitHub
parent 9bc867d0dc
commit 74acd7ec38
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/layouts/hass-tabs-subpage-data-table.ts
View File

@ -4,11 +4,11 @@ import {
mdiArrowDown, mdiArrowDown,
mdiArrowUp, mdiArrowUp,
mdiClose, mdiClose,
mdiTableCog,
mdiFilterVariant, mdiFilterVariant,
mdiFilterVariantRemove, mdiFilterVariantRemove,
mdiFormatListChecks, mdiFormatListChecks,
mdiMenuDown, mdiMenuDown,
mdiTableCog,
mdiUnfoldLessHorizontal, mdiUnfoldLessHorizontal,
mdiUnfoldMoreHorizontal, mdiUnfoldMoreHorizontal,
} from "@mdi/js"; } from "@mdi/js";
@ -27,17 +27,17 @@ import type {
HaDataTable, HaDataTable,
SortingDirection, SortingDirection,
} from "../components/data-table/ha-data-table"; } from "../components/data-table/ha-data-table";
import "../components/ha-md-button-menu"; import { showDataTableSettingsDialog } from "../components/data-table/show-dialog-data-table-settings";
import "../components/ha-dialog"; import "../components/ha-dialog";
import "../components/ha-dialog-header"; import "../components/ha-dialog-header";
import "../components/ha-md-button-menu";
import "../components/ha-md-divider"; import "../components/ha-md-divider";
import "../components/ha-md-menu-item"; import "../components/ha-md-menu-item";
import "../components/search-input-outlined"; import "../components/search-input-outlined";
import { KeyboardShortcutMixin } from "../mixins/keyboard-shortcut-mixin";
import type { HomeAssistant, Route } from "../types"; import type { HomeAssistant, Route } from "../types";
import "./hass-tabs-subpage"; import "./hass-tabs-subpage";
import type { PageNavigation } from "./hass-tabs-subpage"; import type { PageNavigation } from "./hass-tabs-subpage";
import { showDataTableSettingsDialog } from "../components/data-table/show-dialog-data-table-settings";
import { KeyboardShortcutMixin } from "../mixins/keyboard-shortcut-mixin";
@customElement("hass-tabs-subpage-data-table") @customElement("hass-tabs-subpage-data-table")
export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) { export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) {
@ -256,7 +256,7 @@ export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) {
const sortByMenu = Object.values(this.columns).find((col) => col.sortable) const sortByMenu = Object.values(this.columns).find((col) => col.sortable)
? html` ? html`
<ha-md-button-menu positioning="fixed"> <ha-md-button-menu positioning="popover">
<ha-assist-chip <ha-assist-chip
slot="trigger" slot="trigger"
.label=${localize("ui.components.subpage-data-table.sort_by", { .label=${localize("ui.components.subpage-data-table.sort_by", {
@ -304,7 +304,7 @@ export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) {
const groupByMenu = Object.values(this.columns).find((col) => col.groupable) const groupByMenu = Object.values(this.columns).find((col) => col.groupable)
? html` ? html`
<ha-md-button-menu positioning="fixed"> <ha-md-button-menu positioning="popover">
<ha-assist-chip <ha-assist-chip
.label=${localize("ui.components.subpage-data-table.group_by", { .label=${localize("ui.components.subpage-data-table.group_by", {
groupColumn: this._groupColumn groupColumn: this._groupColumn
@ -400,7 +400,7 @@ export class HaTabsSubpageDataTable extends KeyboardShortcutMixin(LitElement) {
"ui.components.subpage-data-table.exit_selection_mode" "ui.components.subpage-data-table.exit_selection_mode"
)} )}
></ha-icon-button> ></ha-icon-button>
<ha-md-button-menu positioning="absolute"> <ha-md-button-menu>
<ha-assist-chip <ha-assist-chip
.label=${localize( .label=${localize(
"ui.components.subpage-data-table.select" "ui.components.subpage-data-table.select"