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

Tooltip tag has a overflow-y enabled #1000

Closed
GuillQuirin opened this issue Oct 7, 2024 · 1 comment · Fixed by #1002
Closed

Tooltip tag has a overflow-y enabled #1000

GuillQuirin opened this issue Oct 7, 2024 · 1 comment · Fixed by #1002

Comments

@GuillQuirin
Copy link

Hello,

Since this last update, tooltips have a default vertical scroll displayed.
Is it possible to add overflow-y: hidden or explain how to apply a specific CSS rule to the Shadow DOM from the media-controller ?

Image

Thanks !

@JeroenReumkens
Copy link
Contributor

Just made #1002 to fix this as I noticed it too.

luwes pushed a commit that referenced this issue Oct 8, 2024
In #994 `overflow-x: hidden` was added to the tooltips to prevent
unwanted overflows. `hidden` on a single axis does however introduce
scrollbars on Windows devices and Mac's who enabled scrollbars to show
always (this is great to emulate how a big part of users see your
website, which is why I have it enabled).

Changing the overflow to `overflow-x: clip` will achieve the same
result, but won't show a scrollbar. Which is what I added in this PR.
See video below showcasing the issue and fix. Let me know your thoughts.

cc @luwes 

Fixes #1000 


https://github.com/user-attachments/assets/67509a11-099f-4b02-ba35-1e0acc46d003
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

Successfully merging a pull request may close this issue.

2 participants