Horizontal scroll at zoom

[undefineq]

I'm not sure if it's a bug. In all the presented sandboxes, when the image is zoomed in, a horizontal scroll appears in all browsers except Safari.

Environment

Mac OS, Firefox

Steps To Reproduce

1. Open Basic example with hooks
2. Open browser preview in new window
3. Try to zoom

[undefineq]

Sorry fo noise)
I was able to fix it myself. This behavior was caused by the slider.

[ValentinH]

Could you please share what you did for the fix? If it's happening on the sandboxes used for the demos, it makes sense to apply the fix on them. 😊

[undefineq]

Sure, but I wouldn't want to do a disservice.

Perhaps the problem is in the slider implementation

We can assume that overflow: hidden can be the right choice, but it's not. Because of this

So I wrapped slider with a div, add paddings and make it overflow: hidden. If the solution is suitable, I can add it.

Maybe, correct solution is to update the material-ui library to version 4. Since the material-ui/lab package is outdated, and was not yet ready to move to the core.

So, how can I help you?

[ValentinH]

You are right, simply updating @material-ui and using the Slider from core, fix the issue 🙂