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

[Slide] Remove the transform property once open #16281

Merged
merged 4 commits into from
Jun 19, 2019

Conversation

gijsbotje
Copy link
Contributor

fixes #16219
Elements that are positioned fixed inside a drawer and also transformed are wrongly positioned. You would expect the elements to positioned fixed to the top left of the window, though because of the parent containing position: fixed; they are positioned relative to this parent.
The mentioned issue provides example where the draggable elements of rbd are positioned off screen due to this issue.

these changes reset of the transform value to none when the element is visible. Because of IE11 not playing nicely with just that change it was necessary to change the starting point from 100vh to window.innerWidth.

@mui-pr-bot
Copy link

mui-pr-bot commented Jun 18, 2019

Details of bundle changes.

Comparing: a7d25a2...cb01ba7

bundle parsed diff gzip diff prev parsed current parsed prev gzip current gzip
@material-ui/core +0.01% 🔺 +0.01% 🔺 319,010 319,041 87,576 87,588
@material-ui/core/Paper 0.00% 0.00% 68,281 68,281 20,353 20,353
@material-ui/core/Paper.esm 0.00% 0.00% 61,578 61,578 19,133 19,133
@material-ui/core/Popper 0.00% 0.00% 28,968 28,968 10,411 10,411
@material-ui/core/Textarea 0.00% 0.00% 5,513 5,513 2,374 2,374
@material-ui/core/TrapFocus 0.00% 0.00% 3,755 3,755 1,580 1,580
@material-ui/core/styles/createMuiTheme 0.00% 0.00% 16,012 16,012 5,791 5,791
@material-ui/core/useMediaQuery 0.00% 0.00% 2,597 2,597 1,102 1,102
@material-ui/lab 0.00% 0.00% 140,604 140,604 43,461 43,461
@material-ui/styles 0.00% 0.00% 51,703 51,703 15,337 15,337
@material-ui/system 0.00% 0.00% 15,303 15,303 4,342 4,342
Button 0.00% 0.00% 84,279 84,279 25,630 25,630
Modal 0.00% 0.00% 20,345 20,345 6,689 6,689
Slider 0.00% 0.00% 74,705 74,705 23,226 23,226
colorManipulator 0.00% 0.00% 3,904 3,904 1,544 1,544
docs.landing 0.00% 0.00% 55,232 55,232 13,946 13,946
docs.main 0.00% 0.00% 651,051 651,082 205,054 205,059
packages/material-ui/build/umd/material-ui.production.min.js +0.01% 🔺 +0.02% 🔺 292,254 292,285 83,501 83,514

Generated by 🚫 dangerJS against cb01ba7

@oliviertassinari oliviertassinari changed the title [Slide] change transform values to fix position fixed + transform issues [Slide] Remove the transform property once open Jun 19, 2019
@eps1lon eps1lon merged commit 04cd6e1 into mui:master Jun 19, 2019
@eps1lon
Copy link
Member

eps1lon commented Jun 19, 2019

Did some quick manual testing with IE11 with Slide and Drawer demos and everything seemed fine.

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

@gijsbotje gijsbotje deleted the fix/slide-transform-values branch June 19, 2019 15:02
@gijsbotje
Copy link
Contributor Author

@oliviertassinari @eps1lon Thanks for the fast response! and actually merging 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: transitions This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

change slide 'in' transform styles to none
4 participants