Browser issue 1.4 Online indicator disappears on mobile device after zooming

[Janmaat]

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:


Zoomed in:

 

[Paul B]

No issues on my Samsung tablet.

 

[ENF]

iPhone 5S

Normal:


Zoomed:

 

[Martok]

No issues on my Nexus 7 tablet or Sony Xperia phone.

 

[Teapot]

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.

 

[Martok]

@Janmaat @Teapot does it happen using the Chrome browser on iOS?

 

[Teapot]

@Janmaat @Teapot does it happen using the Chrome browser on iOS?

I cam answer that without looking: Yes, because Chrome uses UIWebView, so the Safari engine. Gonna try it anyway to be sure

 

[ENF]

@Janmaat @Teapot does it happen using the Chrome browser on iOS?

I have Chrome as well, same result on iPhone 5S (iOS 7)

Zoom in, icon for online status disappears.

 

[Teapot]

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]

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]

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.

 

[Connor Smith]

Also getting this, iPad 2, IOS 7

 

[Naz]

Can be reproduced on Safari 7.0.5 / OS X 10.9 if you zoom in.

 

[Teapot]

Can be reproduced on Safari 7.0.5 / OS X 10.9 if you zoom in.

Sorry, I can't confirm this (although I zoomed in with a keyboard, not pinch-to-zoom):

 

[Chris D]

I can produce it on Safari Mac OS X 10.10 Public Beta.

Pinch to zoom.

 

[Naz]

Sorry, I can't confirm this (although I zoomed in with a keyboard, not pinch-to-zoom):
View attachment 80237

Yeah should've stated that I tried pinch-to-zoom.

 

[Teapot]

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!

 

[Mike]

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.

 

[Mike]

Reproduced this on the latest Webkit nightly and created a test case: https://bugs.webkit.org/show_bug.cgi?id=136252