-
-
Notifications
You must be signed in to change notification settings - Fork 821
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
sl-tooltip content gets affected by styling #1947
Closed
jessicakjellin opened this issue
Mar 28, 2024
· 2 comments
· May be fixed by patooworld/nginx-1.25.4#11, xencon/pwa-starter#151, xencon/pwa-starter#162, xencon/pwa-starter#168 or TaylorBundy/swiper#3
Closed
sl-tooltip content gets affected by styling #1947
jessicakjellin opened this issue
Mar 28, 2024
· 2 comments
· May be fixed by patooworld/nginx-1.25.4#11, xencon/pwa-starter#151, xencon/pwa-starter#162, xencon/pwa-starter#168 or TaylorBundy/swiper#3
Labels
bug
Things that aren't working right in the library.
Comments
Thanks for reporting this. Some text styles inherit through the shadow DOM by design, but we clearly don't want these ones to do that. Fixed in #1948. |
@claviska Thank you! I noticed that text-transform also leaks, e.g. text-transform: uppercase; on a parent makes the text in the tooltip uppercase. Is this supposed to leak through? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the bug
The first bug I have discovered is that the content clips the tooltip-box when the parent-element has the styling "white-space: nowrap;".
Secondly, the text in the tooltip-box gets affected by text-align styling. This seems to only be a problem when the sl-tooltip element is in a table/td-element.
Please see the codepen-link for a demo.
To Reproduce
Steps to reproduce the first behavior:
Steps to reproduce the second behavior:
Demo
Codepen link:
https://codepen.io/noica/pen/bGJrPra
Screenshots
The first bug:
The second bug:
Browser / OS
The text was updated successfully, but these errors were encountered: