diff --git a/README.md b/README.md index 6ee2f5ac..b9add333 100755 --- a/README.md +++ b/README.md @@ -50,9 +50,9 @@ and Firefox. Only tested on OS X. ## Tested in modern versions of -- Chrome (OS X, Ubuntu) - Perfect +- Chrome (OS X, iOS, Ubuntu) - Perfect - Firefox (OS X) - Perfect -- Safari (OS X), Chrome & Safari (iOS) - Small glitch with the position handle +- Safari (OS X, iOS) - Perfect ## Thanks to diff --git a/winamp.css b/winamp.css index 5479cbca..4b0de2d8 100755 --- a/winamp.css +++ b/winamp.css @@ -345,6 +345,12 @@ input[type=range]::-moz-focus-outer { border: 0; } background-position: -248px 0; background-image: url('skins/default/POSBAR.BMP'); cursor:url('skins/default/POSBAR.CUR'), auto; + /* + * Fix the strange bug in Safair/mobile-chrome + * http://stackoverflow.com/questions/26727769/rendering-glitch-when-manipulating-range-input-value-via-javascript-in-webkit + */ + -webkit-box-sizing: border-box; + position: relative; } #position::-moz-range-thumb { height: 10px;