-
Notifications
You must be signed in to change notification settings - Fork 75
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: tooltip causing page overflow #994
Conversation
@luwes is attempting to deploy a commit to the Mux Team on Vercel. A member of the Team first needs to authorize it. |
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #994 +/- ##
==========================================
- Coverage 78.55% 76.92% -1.63%
==========================================
Files 59 50 -9
Lines 11080 12093 +1013
Branches 0 696 +696
==========================================
+ Hits 8704 9303 +599
- Misses 2376 2765 +389
- Partials 0 25 +25 ☔ View full report in Codecov by Sentry. |
339eeb4
to
4cf5eee
Compare
4cf5eee
to
f9475fd
Compare
f9475fd
to
4f622bb
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pre-approved
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
fix #991
related muxinc/elements#865