Browser issue Zoomin images and scrolling to the left with iOS 8 - RTL

Moshe1010

Well-known member
Looks like zooming images and scrolling to left (where the image is actually hidden while zooming) is impossible with RTL (works fine with LTR) on any iPhone that has iOS 8 or 8.1.
 
Unfortunately, from our tests, this appears to be an iOS8 regression (it doesn't happen in 7.1). I was able to boil it down to this as a test case:
Code:
<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">   
    <title>iOS8 RTL test</title>
</head>
<body>

<div style="background: linear-gradient(to right, yellow, red, blue, green, orange); position: absolute; width: 2000px; height: 200px; right: 20px; left: auto; top: 10px"></div>

</body>
</html>

iOS8 seems to think it's scrolled all the way to the left already. Unfortunately, I can't see a way to workaround this, so we'll simply need to report it to Apple and wait for a fix from them (along with various other iOS8 specific bugs we've seen...).
 
I can simplify the div further to:
Code:
<div style="background: linear-gradient(to right, yellow, red, blue, green, orange);  width: 2000px; height: 200px;"></div>
So it's really just horizontal scrolling on an RTL page that seems to be completely broken...
 
Top Bottom