Translucent/Blur UI element (a bone to pick with..)

Discussion in 'iOS 7' started by Markyyy, Aug 1, 2013.

  1. Markyyy macrumors regular

    Aug 1, 2013
    Hello all.

    Is anyone else bothered by the flickering in, for example, the edges of the Safari frosted glass element? Allow me to explain incase you have no idea what I'm referring to...

    Say you are viewing a webpage that consists of simply a white background with a black square somewhere in the middle. If you scroll up the page so that the top edge of the square is just about to go off screen, you can still see, although blurry, the top edge of the black square. Scroll up, maybe a couple more pixels, so that the top edge of the black square is touching the display's limits, and you will see that the white background is now unaccounted for by the frosted glass UI effect. Instead of seeing a blurred edge, there is now no evidence that there is an edge there.

    Has anyone else noticed and been annoyed by this? The flickering irritates me so badly.

    Thanks for hearing me out!
  2. Shrink macrumors G3


    Feb 26, 2011
    New England, USA
    Nope, I never noticed it and, therefore, does not annoy me.

    No offense, but if you have to go through that whole procedure you outlined just to see this anomaly...just don't do the whole procedure necessary to see the anomaly, and you won't be annoyed by it.
  3. bbfc macrumors 68030


    Oct 22, 2011
    Newcastle Great Park, England.
  4. Markyyy thread starter macrumors regular

    Aug 1, 2013
    I didn't go through any procedure. I was just giving an example of the problem in the most stripped down way I could think of (blank webpage with a black square in the middle) but I notice the effect all the time when using Safari just browsing anything. It's distracting.
  5. kmj2318 macrumors 68000


    Aug 22, 2007
    Naples, FL
    It's very noticeable in Safari in Private Browsing, especially on the iPad. It is pretty annoying then. I don't really notice it anywhere else, only when the translucent menu bar is dark.

    The problem happens because when the objects are blurred, its color expands past the shape of the actual object underneath. When you scroll the object out of the screen, it's completely gone, and therefore so is the blur, even though the blur ends at a lower spot. That's what causes the flicker. This is kind of hard to explain. The problem is that only things currently underneath the menu bar are blurred, and they drop out of existence when they're scrolled away.
  6. AngerDanger macrumors 68040


    Dec 9, 2008
    Let me see if I can simply the hell out of the OP's example:

    When you're scrolling down a page in Safari and some content goes under the top bar, you can see a little bit of it through the bar.

    If you scroll a little bit further, it completely disappears despite the fact that—conceptually—it's still under the top bar.

    OP, I'm pretty sure this happens because instead of being completely translucent, the toolbar takes the average of the row of pixels right below the toolbar. So when the obscured content is above the top row (under the toolbar), it completely "forgets" that color and moves onto whatever is currently bellow it.
  7. Markyyy, Aug 1, 2013
    Last edited: Aug 1, 2013

    Markyyy thread starter macrumors regular

    Aug 1, 2013
    I don't think it's an issue at the lower border of the toolbar. It does however occur as the webpage goes off-screen right at the top.


    It seems like such an unnecessary criticism, but when you're actually scrolling, the issue is so much more obvious. Photos seem to get yanked up to the edge of the screen, they kind of distort. Like I said, the flickering is distracting.
  8. applefanDrew macrumors 65816

    Jul 17, 2010
  9. Markyyy thread starter macrumors regular

    Aug 1, 2013
    Yeah it really does. Like I said, it's a lot more obvious when you're simply scrolling through a webpage. It creates lots of blotchy flickering at the top of the screen.

Share This Page