-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
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
IE11: switch thumb disappears #16812
Comments
Oh no IE... Mui-checked {
left: auto;
right: 0px;
} It works (the position is correct) but I do not know if it is possible to animate it (Any CSS master here? 😂 ). I see also that the label from But maybe rolling back the hardcoded translate will be fine... I do not like it but I broke it so let's keep the old solution... |
OK great, thanks for checking. Let's use the hardcoded translate :). |
I solved it by giving the switch style a width of 90 |
@boukensj How does it look like? |
@boukensj Thanks for sharing. I think that the hardcoded transition value is still our best option: #16812 (comment). |
The same problem was reported on Safari, we need to revert the transfrom 100%: #17029. |
The thumbs of switches disappear on the IE11 if the switch is checked. It seems to be moved outside of the track (see screenshot). If the switch is unchecked the thumb appears again and looks fine.
Expected Behavior 🤔
Thumb doesn't disappear if switch is checked.
Current Behavior 😯
Thumb disappears if a switch is checked. It appears again if the switch is not checked anymore.
Steps to Reproduce 🕹
Reproducible with the switches on the demo page: https://material-ui.com/components/switches
Your Environment 🌎
The text was updated successfully, but these errors were encountered: