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

Moshe1010

Well-known member
#1
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.
 

Mike

XenForo developer
Staff member
#2
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...).
 

Mike

XenForo developer
Staff member
#3
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