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

fix: tooltip causing page overflow #994

Merged
merged 1 commit into from
Oct 1, 2024
Merged

Conversation

luwes
Copy link
Contributor

@luwes luwes commented Oct 1, 2024

@luwes luwes self-assigned this Oct 1, 2024
@luwes luwes requested review from heff and a team as code owners October 1, 2024 21:36
Copy link

vercel bot commented Oct 1, 2024

@luwes is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Oct 1, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
media-chrome ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 1, 2024 10:44pm

Copy link

codecov bot commented Oct 1, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 76.92%. Comparing base (3ea80df) to head (4f622bb).
Report is 115 commits behind head on main.

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.
📢 Have feedback on the report? Share it here.

Copy link
Collaborator

@cjpillsbury cjpillsbury left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pre-approved

@luwes luwes merged commit 135151f into muxinc:main Oct 1, 2024
5 of 8 checks passed
@luwes luwes deleted the fix-tooltip-overflow branch October 1, 2024 22:50
luwes pushed a commit that referenced this pull request 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 this pull request may close these issues.

unpositioned tooltips causing overflow
2 participants