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.

Sign up for GitHub

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

Jump to bottom

Tooltip text jumps on scaled screen #26699

Open
2 tasks done
tommybernaciak opened this issue Jun 11, 2021 · 2 comments
Open
2 tasks done

Tooltip text jumps on scaled screen #26699

tommybernaciak opened this issue Jun 11, 2021 · 2 comments
Labels
bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module!

Comments

@tommybernaciak
Copy link

Issue is reproduced on 80, 90, 110, 120% of scale. When element is hovered and tooltip shows up, the tooltip content text jumps a bit.

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

This behaviour can be check on material-ui page.

Peek 2021-06-11 14-18

Expected Behavior 🤔

No jumping, text is displayed with no issues.

Steps to Reproduce 🕹

Since I found it even on material-ui page I assume codesandbox is not required to verify.

Steps:

  1. Scale the page to be either 80%, 90%, 110% or 120%
  2. Find element wrapped with Tooltip
  3. Hover over this element
@tommybernaciak tommybernaciak added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 11, 2021
@eps1lon
Copy link
Member

eps1lon commented Jun 30, 2021

Thanks for the report.

Reproduces in v5 as well: https://codesandbox.io/s/basictooltip-material-demo-forked-jwekv

@eps1lon eps1lon added bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jun 30, 2021
@nikitabobers
Copy link
Contributor

Same issue reproduced with just CSS:
https://codesandbox.io/s/tooltip-0r5fp?file=/src/index.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module!
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@tommybernaciak @eps1lon @nikitabobers