• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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...