diff --git a/src/components/menu/menu.tsx b/src/components/menu/menu.tsx index cadc990316..a9b6bb2a57 100644 --- a/src/components/menu/menu.tsx +++ b/src/components/menu/menu.tsx @@ -36,8 +36,6 @@ import { TAB_KEY_CODE, } from '../../util/keycodes'; -const zIndexStickyMenuSurfaceItem = '2'; - interface MenuCrumbItem extends BreadcrumbItem { menuItem: MenuItem; } @@ -257,6 +255,8 @@ export class Menu { ...cssProperties, '--mdc-menu-min-width': cssProperties['--menu-surface-width'], + '--limel-menu-surface-display': 'flex', + '--limel-menu-surface-flex-direction': 'column', }} class={{ 'has-grid-layout': this.gridLayout, @@ -322,20 +322,10 @@ export class Menu { return; } - let styleTop = '0'; - if (this.searchInput) { - styleTop = this.searchInput?.offsetHeight?.toString() + 'px'; - } - return ( @@ -375,11 +365,6 @@ export class Menu { style={{ padding: '0.25rem', 'box-sizing': 'border-box', - position: 'sticky', - top: '0', - 'z-index': zIndexStickyMenuSurfaceItem, - 'backdrop-filter': 'blur(0.5rem)', - '-webkit-backdrop-filter': 'blur(0.5rem)', }} value={this.searchValue} onChange={this.handlerTextInput}