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

Browser issue 1.4 Online indicator disappears on mobile device after zooming

Janmaat

Active member
#1
If you zoom in the screen on a mobile device the green triangle online indicator disappears.

Happened for me on an iPhone 5 with iOS 7.1.2 using Safari.

@Edit Adding some screenshots

Not zoomed in:
image.jpg

Zoomed in:
image.jpg
 
Last edited:

Teapot

Well-known member
#5
Almost certain this is a device issue, but for what it's worth it happens on iOS 8 beta 5 too on my iPhone 5.
 

Teapot

Well-known member
#9
Yup, as predicted, the icon disappears as soon as the page re-renders after a zoom on Chrome/iOS 8. I think its just an iOS quirk, honestly.
 

Mike

XenForo developer
Staff member
#10
This doesn't actually appear to happen on the iOS simulator. This does appear to be a bit of a quirk, but I'd like to know more about what is actually happening.

Does it reappear if you zoom out?
 

Teapot

Well-known member
#11
This doesn't actually appear to happen on the iOS simulator. This does appear to be a bit of a quirk, but I'd like to know more about what is actually happening.

Does it reappear if you zoom out?
Yup, it does. :) It also only disappears when you let go of the screen and it reflows/rerenders the page.
 

Teapot

Well-known member
#17
Yeah, I jumped to my laptop and I can reproduce this bug when I pinch-to-zoom, but not when I use the keyboard shortcuts - so the rendering method is apparently different for some reason!
Screen Shot 2014-08-11 at 09.55.06.png
 
Last edited:

Mike

XenForo developer
Staff member
#18
This is actually caused by the border radius. Take that away (all 3 corners) and the issue goes away. As soon as 1px of radius is applied, the issue comes back.

I'm going to look at reproducing this on the latest Webkit nightly and creating a simpler test case.