LeaVerou / multirange

A tiny polyfill for HTML5 multi-handle sliders
http://projects.verou.me/multirange/
MIT License
605 stars 82 forks source link

glitch when absolute positioning changes box width #25

Open bukzor opened 6 years ago

bukzor commented 6 years ago

If we give the input width:100% and place it in a parent that has padding, the multirange input doesn't look right. The "ghost" input has the right width, but the "original" (which is given position:absolute) has a width that doesn't respect the padding.

bukzor commented 6 years ago

Here's a demo https://thimbleprojects.org/bukzor/301206/

And a screenshot: (This is a 1-100 slider with sliders at 50 and 100.) multirange-demo

jmclulus commented 6 years ago

I'm dealing with this too. How do we adjust the width, it would be nice if it defaulted to 100% inside it's container, then we could just adjust the container.

zaff0 commented 5 years ago

Having the same problem, any solution or workaround yet?

fja-odoo commented 5 years ago

Put the input in a div wich has position: relative; style.