Inside variable width container, thumbs go off bar

zillow / react-slider

Accessible, CSS agnostic, slider component for React.

https://zillow.github.io/react-slider

MIT License

891 stars 232 forks source link

Inside variable width container, thumbs go off bar #109

Closed odama626 closed 4 years ago

odama626 commented 7 years ago

Setting a thumb to max value by default puts the thumb off the bar until resizing browser window or scrolling.

Only seen in mobile view in chrome and on mobile devices

I think PR#72 would fix this

stale[bot] commented 5 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

markcorrea commented 4 years ago

Having the same issue here. But in my case, no matter the format (desktop, mobile) or if I resize the screen or move the thumbs, if I put it in the max, it will be cut, and only on the right side. I've tried to change the CSS but it's something in the component itself.

Can anyone help me?

stonebk commented 4 years ago

@markcorrea what version are you using? Can you provide a repro on https://codesandbox.io/?