Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header customer menus bleed out of the viewport on certain viewport sizes #283

Open
EliasTatX opened this issue Dec 7, 2023 · 3 comments

Comments

@EliasTatX
Copy link
Contributor

On sizes small enough that the customer menu buttons in the header (user menu and mini cart) move close enough to the right side of the screen, the dropdown menu opened by clicking them will bleed out of the viewport, creating an option to scroll to the side and making some parts not visible without scrolling. Since this looks bad and also has the ability to interfere with tests if correspondingly sized viewports are in use this should be fixed.

@EliasTatX
Copy link
Contributor Author

Note 1: this applies to posters starting from v2.1

@EliasTatX
Copy link
Contributor Author

Note 2: to fix this I changed these dropdowns to be right aligned. This solves the issue but if this is undesired visually something else will have to be done

@EliasTatX
Copy link
Contributor Author

As of posters 2.2 this issue is still not resolved owing to the particularities of the dropdowns. Currently they offer both normal bootstrap functionality in the form of open and pin on click as well as hover functionality. Since popper uses JavaScript and is only called by bootstrap for positioning when the standard bootstrap action used this currently is tricky to sync with the added in hover functionality which currently will always display the dropdown in its default position due to being very simplistic

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

1 participant