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

[menu] Menu tabs shift on Edge Android #3077

Open
Teraskull opened this issue Jul 26, 2024 · 0 comments
Open

[menu] Menu tabs shift on Edge Android #3077

Teraskull opened this issue Jul 26, 2024 · 0 comments
Labels
browser/edge Any issues relating to Microsoft Edge (old none chromium version) device/mobile Any issues relating to mobile devices state/awaiting-investigation Anything which needs more investigation type/bug Any issue which is a bug or PR which fixes a bug

Comments

@Teraskull
Copy link

Bug Report

Menu tabs shift when clicking them on Edge Android.
This does not happen on Chrome Android.
Evenly divided tabs do not shift.

I assume the issue is with how Edge calculates the width of flex items in the menu.

My hacky workaround:

If I override the the first item in the menu with style="display: block;" (or any non-flex display), the tabs don't shift.

<div class="ui secondary pointing menu">
	<a href="#" class="item active" style="display: block;">One</a>
	<a href="#" class="item">Two</a>
	<a href="#" class="item">Three</a>
</div>

Steps to reproduce

  1. Visit the Menu Docs from the Edge Android browser.
  2. Click the tabs.

Screen recording

menu_shift_edge_android.mp4

Version

2.9.3
2.9.4-beta.65

@Teraskull Teraskull added state/awaiting-investigation Anything which needs more investigation state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/bug Any issue which is a bug or PR which fixes a bug labels Jul 26, 2024
@lubber-de lubber-de added browser/edge Any issues relating to Microsoft Edge (old none chromium version) device/mobile Any issues relating to mobile devices and removed state/awaiting-triage Any issues or pull requests which haven't yet been triaged labels Jul 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser/edge Any issues relating to Microsoft Edge (old none chromium version) device/mobile Any issues relating to mobile devices state/awaiting-investigation Anything which needs more investigation type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

No branches or pull requests

2 participants