search

RocketCommunicationsInc / astro

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
https://astrouxds.com
Other
113 stars 25 forks source link

rux-pop-up-menu does not work well when browser is resized. #422

Closed tallen30 closed 2 years ago

tallen30 commented 2 years ago

When the browser(in this case firefox) is resized to be smaller than full screen and the rux-pop-up-menu button is selected, the possible choices in rux-menu-items are not displayed below the rux-pop-up-menu and are instead off to the side. See image below.

Rogue rux-pop-up-menu
micahjones13 commented 2 years ago

Hey @tallen30 , could you provide the code used or a codesandbox that shows this issue? I'm having trouble reproducing it. It might also be helpful to know what version of astrouxds/astro-web-components you're using. Thanks!

tallen30 commented 2 years ago

We are using version 6.6.0 of astrouxds/astro-web-components. I mocked up an example of the html as seen in the attached txt file. This is just a basic title bar component that is presented when the application is opened.

example.txt

micahjones13 commented 2 years ago

I've created a codesandbox using the example markup you provided as well as version 6.6.0. I can't seem to reproduce the issue still. On Firefox, I've tried re-sizing the browser and opening the pop-up, as well as re-sizing while it's open. Could you possibly reproduce the issue in this example sandbox?

tallen30 commented 2 years ago

It seems to happen when a horizontal scrollbar is in there. See sandbox here