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

Fix tagmenu oob #636

Merged
merged 4 commits into from
Sep 22, 2024
Merged

Fix tagmenu oob #636

merged 4 commits into from
Sep 22, 2024

Conversation

IRHM
Copy link
Member

@IRHM IRHM commented Sep 22, 2024

Changes made

  • Create stayInView action (supports shifting elements that fall off left back into view).
  • Use stayInView action on TagMenu.
  • norm.scss: Support using an actual element for .menu arrow.

Fixes #612

Currently will only shift elements back into view if out of bounds on the left.

Not necessary at the moment to support oob on other sides, or support resizing to fit. Maybe in the future when it's used more.
… of ::before pseudoelement when more control is needed

more control = need to be able to move it in js.

Still supports using ::before, so not all menus need updating and can stay simple, just the menus needing more control can start using an actual element for the arrow.
TagMenu uses an element for the arrow now so the stayInView action can control its position.
@IRHM IRHM added bug Hmm, this isn't working correctly enhancement New feature or request labels Sep 22, 2024
@IRHM IRHM self-assigned this Sep 22, 2024
@IRHM IRHM merged commit 64e7929 into dev Sep 22, 2024
1 check passed
@IRHM IRHM deleted the fix-tagmenu-oob branch September 22, 2024 12:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Hmm, this isn't working correctly enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add content to tag menu can display out of view on mobile
1 participant