When you slide Chrome browser (or FireFox) to extreme left, right or upwards, you see this shadow (for want of a better word) for a few seconds, as shown

enter image description here enter image description here

What is it called and what's the purpose ? (Can't Google since I don't know what it is :)

It's on Moto X Play and it's not the jelly scrolling reported on some recent phones

  • 1
    I can see this happening to other apps, such as Stack Exchange itself and the Nova Launcher. Curiously, the phenomenon does not manifest itself inside "rétro" apps such as K-9 Mail, therefore I'm tempted to define it as an aesthetical quirk of Google's Material Design. – Death Mask Salesman Aug 23 '17 at 17:53
up vote 23 down vote accepted

This appears to be called EdgeEffect and is used as a visual indicator when the user over-scrolls.

  • See relevant images on Google Images here.
  • A book commenting on the glow effect produces.
  • A question on Stack Overflow.

As suggested already, this graphical "shadow" effect is Edge Glow colour, and its part of the material design by Google.

After the introduction of material design by Google many new UI elements have been introduced. Material design is based on the interaction and movement of colours and objects in real world rather than synthetic unnatural phenomenon. Sometimes it gets messy when we try to keep up with our material aesthetic. The most popular example of it is edge glow colour.

The effect was introduced in the ice cream sandwich (api 14) android version. Its part of Material design's aesthetic appeal. The edge glow colour of ListView, RecyclerView, ScrollView and NestedScrollView is managed by the accent colour declared in the styles.

Source

I thought it's purpose was to replace https://duckduckgo.com/apple+rubber+band+patent without being suable?

https://developer.android.com/training/gestures/scroll.html recommends the OverScroller for giving better feedback

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.