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

Sidebar li with class="sidenav-section" -> text-select issue in landingpage #3293

Open
mrkarstrom opened this issue Nov 7, 2024 · 2 comments

Comments

@mrkarstrom
Copy link

Describe the bug
The navbar has li with class="sidenav-section" can be user-seleted resulting in the section-texts does not transform into a dot as expected when moving mouse focus away.

To Reproduce
Select (mark) one of the section-texts (Training, Community, About) in the left sidebar of landing page, then move mouse away from it.

Expected behavior
The section-text is expected to be transformed into a text-less dot.

Screenshots

Browser
Chromium

  • OS: Ubuntu
  • Browser Chromium
  • Version [e.g. 22]

Additional context
Super-tiny but, still! :D

@alimovabdulla
Copy link

This may be due to the :focus or :selected state on the .sidenav-section elements. When these elements are selected (highlighted), they might retain the text display style even after the mouse moves away, preventing the text from transforming back into a dot.

@mrkarstrom
Copy link
Author

The solution is just to make the "sidenav-section" have css-styling user-select: none.

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

No branches or pull requests

2 participants