Popover (very) weird rendering on android


I just came across today with a weird render for a popover. It happens only in android as you can see in the following images (first android, then ios):


The point is the position of the popover, which is wrong in android hiding/overlapping the topbar (same behavior in the footer popovers). Both screenshots were taken in chrome 37. The example is taken from http://codepen.io/mhartington/pen/sapoK, untouched just to set it up in my dev machine and using local files for ionic (version 13).

Any suggestion about it or anyone is getting the same weird and annoying issue?


Anyone saying anything? Anyone “suffering” the same issue?

Actually, I remembered trying the codepen snippet at http://codepen.io/mhartington/full/sapoK, and I experimenting the same issue with popover (although codepen does not allow a mobile view :-S). I am thinking that is the default behavior in Android, am I right or something got wrong/broken?


This is the default behavior in Android.
See Google’s material design:

Menus are positioned over their emitting elements such that the currently selected menu item appears on top of the emitting element.

Source: http://www.google.com/design/spec/components/menus.html#menus-menu-behavior


Thank you so much. Yeah! You’re right, I didn’t realize (kind of silliness from my own :-S)