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

[Tooltip] Fix alignment issues #15811

Merged
merged 5 commits into from
May 24, 2019
Merged

[Tooltip] Fix alignment issues #15811

merged 5 commits into from
May 24, 2019

Conversation

pkmnct
Copy link
Contributor

@pkmnct pkmnct commented May 23, 2019

Fixes #15194 and fixes #15731.

These bugs seem to be caused by the tooltip popper adding unintended spacing to the DOM just before calculating the transform, making the calculations incorrect when the actual tooltip popper style attribute is filled. By forcing the tooltip popper to never cause spacing when it enters the DOM, the calculation is now correct.

Fixes #15194 and #15731.

These bugs seem to be caused by the tooltip popper adding unintended spacing to the DOM just before calculating the transform, making the calculations incorrect when the actual tooltip popper style attribute is filled. By forcing the tooltip popper to never cause spacing when it enters the DOM, the calculation is now correct.
@mui-pr-bot
Copy link

mui-pr-bot commented May 23, 2019

Details of bundle changes.

Comparing: 89687f3...f71e679

bundle parsed diff gzip diff prev parsed current parsed prev gzip current gzip
@material-ui/core +0.01% 🔺 0.00% 315,938 315,971 86,589 86,591
@material-ui/core/Paper 0.00% 0.00% 67,870 67,870 20,155 20,155
@material-ui/core/Paper.esm 0.00% 0.00% 61,152 61,152 18,952 18,952
@material-ui/core/Popper 0.00% 0.00% 28,740 28,740 10,351 10,351
@material-ui/core/Textarea 0.00% 0.00% 5,513 5,513 2,382 2,382
@material-ui/core/TrapFocus 0.00% 0.00% 3,744 3,744 1,581 1,581
@material-ui/core/styles/createMuiTheme 0.00% 0.00% 15,960 15,960 5,782 5,782
@material-ui/core/useMediaQuery 0.00% 0.00% 2,106 2,106 975 975
@material-ui/lab +0.02% 🔺 +0.03% 🔺 139,135 139,168 42,835 42,847
@material-ui/styles 0.00% 0.00% 51,353 51,353 15,176 15,176
@material-ui/system 0.00% 0.00% 14,458 14,458 4,178 4,178
Button 0.00% 0.00% 84,061 84,061 25,588 25,588
Modal 0.00% 0.00% 20,344 20,344 6,685 6,685
colorManipulator 0.00% 0.00% 3,904 3,904 1,543 1,543
docs.landing 0.00% 0.00% 56,054 56,054 13,943 13,943
docs.main +0.01% 🔺 -0.00% 645,766 645,799 203,099 203,097
packages/material-ui/build/umd/material-ui.production.min.js +0.01% 🔺 +0.01% 🔺 294,878 294,911 84,097 84,103

Generated by 🚫 dangerJS against f71e679

@oliviertassinari oliviertassinari changed the base branch from next to master May 23, 2019 21:06
Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

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

Nice! I confirm the resolution of #15731 :)

packages/material-ui/src/Tooltip/Tooltip.js Show resolved Hide resolved
packages/material-ui/src/Tooltip/Tooltip.js Outdated Show resolved Hide resolved
packages/material-ui/src/Tooltip/Tooltip.js Outdated Show resolved Hide resolved
@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module! labels May 23, 2019
@oliviertassinari
Copy link
Member

@pkmnct It's a great first pull request on Material-UI 👌🏻. Thank you for working on it!

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