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 expands body horizontal bounds when placed into scroll container #12132

Closed
2 tasks done
kvet opened this issue Jul 13, 2018 · 1 comment
Closed
2 tasks done

Tooltip expands body horizontal bounds when placed into scroll container #12132

kvet opened this issue Jul 13, 2018 · 1 comment
Labels
component: tooltip This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@kvet
Copy link
Contributor

kvet commented Jul 13, 2018

  • This is a v1.x issue (v0.x is no longer maintained).
  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The body element has not a horizontal scrollbar.

Current Behavior

The body element has a horizontal scrollbar. It is expanded by the tooltip.

Steps to Reproduce (for bugs)

  1. Open example: https://codesandbox.io/s/o1vo7519vz
  2. Try to scroll horizontally outside the red area.

NOTE:
If you scroll the visible area and hover the 'HANDLE' element, the tooltip will be placed correctly and the body's scrollbar will disappear.

Context

Our user faced an issue related to this bug: DevExpress/devextreme-reactive#1240.
As a workaround it is possible to use the following styles on the body element: overflow-x: hidden.

Your Environment

Tech Version
Material-UI v1.3.1
React 16.4
browser Chrome 67.0.3396.99
etc
@oliviertassinari
Copy link
Member

Closing with #12085

@oliviertassinari oliviertassinari added component: tooltip This is the name of the generic UI component, not the React module! bug 🐛 Something doesn't work duplicate This issue or pull request already exists and removed bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module! labels Jul 13, 2018
@kvet kvet mentioned this issue Jul 13, 2018
Closed
4 tasks
@oliviertassinari oliviertassinari added the component: tooltip This is the name of the generic UI component, not the React module! label Aug 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: tooltip This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@kvet @oliviertassinari