Framework7: Slider on range input isn't displayed

Created on 19 May 2016 · 7Comments · Source: framework7io/framework7

Slide "dragger" isn't shown on the iOS framework.

http://framework7.io/docs/form-elements.html

Work on Material

outdated

Source

marcsoler

Most helpful comment

I fixed this by adding the following to my css:

.range-slider input[type="range"]::-webkit-slider-thumb { 
    border: 1px solid silver;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

See this here

mateuszanini on 1 Nov 2016

👍5 ❤1

All 7 comments

Preview iOS theme in Safari, it may not work correctly in Chrome or other browser

nolimits4web on 21 May 2016

So there is no way that can be fixed under chrome or what? Still bug exists...

menicPL on 15 Aug 2016

👍2

I agree this issue has not been resolved. the bug in question has neither been fixed nor has it been explained why it has not

ZanderBrown on 15 Aug 2016

also the material theme slider works fine in chrome so i can't see that there could possibly be any technical difficulty stopping this from being fixed

ZanderBrown on 15 Aug 2016

Duplicate of #929

marcsoler on 5 Oct 2016

👍1

I fixed this by adding the following to my css:

.range-slider input[type="range"]::-webkit-slider-thumb { 
    border: 1px solid silver;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

See this here

mateuszanini on 1 Nov 2016

👍5 ❤1

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.