diff --git a/client/components/dropdown/dropdown.jsx b/client/components/dropdown/dropdown.jsx index c22ce9010..0848f3fdd 100644 --- a/client/components/dropdown/dropdown.jsx +++ b/client/components/dropdown/dropdown.jsx @@ -1,7 +1,6 @@ /** * A dropdown menu component that uses the Anchor Positioning API to position the elements. It supports nested submenus as well. - * Anchor Positioning is now supported in all major browsers. If support is needed for older browsers (namely, older firefox) - * it is possible to use absolute positioning and calculations/resize observers to position things well enough, but adds another layer of complexity to the code. + * Anchor Positioning is now supported in all major browsers. A polyfill is conditionally loaded for older browsers. * * As-is, the menus will always open down aligned on left to trigger, submenus open to the right initially. * If no space, menus will still open down, but aligned to the right of the trigger. Submenus will flip to the other side of the top menu. diff --git a/client/components/dropdown/dropdown.less b/client/components/dropdown/dropdown.less index 098961816..d46369699 100644 --- a/client/components/dropdown/dropdown.less +++ b/client/components/dropdown/dropdown.less @@ -1,6 +1,5 @@ .menu-wrapper { position: relative; - place-content: center; &:is(.menu-bar > .menu-section > .menu-wrapper){ display: inline-block; } @@ -12,7 +11,7 @@ inset-block-start: anchor(bottom); inset-inline-start: anchor(left); position-try: flip-inline; - color: unset; // [popover] gets a `canvastext` color value from useragent. + color: inherit; // [popover] gets a `canvastext` color value from useragent. > .menu-wrapper { position:relative; > .menu-list {