IconMenu Popover position is wrong after page zoom on iOS deviced

[stas-lesiuk]

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Menu's popover position after zoom is the same as in case no zoom was performed.

Current Behavior

The position of popover is awkward on iOS devices.

Steps to Reproduce (for bugs)

Issue could be reproduced on material-ui official website, on IconMenu component subpage:
http://www.material-ui.com/#/components/icon-menu
Seems to be reproducible for material-ui v1 as well:
https://material-ui.com/demos/menus/#max-height-menus

1. Open page on iOS device.
2. Click on IconMenu, popover position should be good.
3. Zoom page, click on IconMenu again, the popover position will be awkward (as on the screen attached).
4. If Popover position is normal, zoom page more or less and repeat step 3.

Attaching screenshots for conveniece:

Context

We're going to implement 508 compliance in future and there is a requirement saying page should remain usable after 6x or even 8x zoom.

Your Environment

Issue is related to iOS devices only, works good on Android.
Tested on iPhone 8 and iPad, on both Chrome and Safari.

Tech	Version
browser	Chrome, Safari
OS	iOS

[stas-lesiuk]

@oliviertassinari, I'm not sure whether tag v0.x is applicable to issues that do relate ONLY to v0 (and not to v1), or just to mark that they relate to v0.x, so just a quick note - issue is reproducible on v1 as well and the link to material-ui-next is attached.

[oliviertassinari]

@stas-lesiuk Any clue on how we can improve the situation?

[stas-lesiuk]

@oliviertassinari I don't have a solution, but it looks like the problem relates to getAnchorPosition method in Popover.js, it already has some iOS-specific logic, but looks like it doesn't calculate offset properly when zoomed. A similar issue seems to be described in #4638 (comment), but it was rather about general iOS offset calculations that the after zoom ones.

[Vishal-Upforcetech]

Also reproducible on Chrome Desktop.

At zoom = 0.7

Actual without zoom:

[oliviertassinari]

I'm closing as a duplicate of #17636.