popover icon indicating copy to clipboard operation
popover copied to clipboard

Published 20 hours ago • verified publisher icon ncstate-sat

Overlay positioning/anchoring issue on iOS

Open Shane-E opened this issue 6 years ago • 3 comments

Reproduce-able at https://ncstate-sat.github.io/popover/ on an iOS device or using Simulator on a Mac.

This issue revolves around how iOS Safari has a dynamic bottom sheet within the mobile browser that hides when scrolling a page. It seems this event is not handled by the positioning service for the sat-popover, resulting in the overlay being positioned/anchored incorrectly and inconsistently if scrolling while popover is open.

Working: screen shot 2018-06-19 at 11 23 32 am

Broken: screen shot 2018-06-19 at 11 23 43 am

Shane-E avatar Jun 19 '18 15:06 Shane-E

The same thing also happens for android devices after scrolling as the navigation bar at the top disappears

Shane-E avatar Jun 19 '18 19:06 Shane-E

Yeah I'm afraid that's a problem in the cdk's overlay service (as I saw you noted in https://github.com/angular/material2/issues/9334).

I know the material folks have been looking into it for a while without much of an update (https://github.com/angular/material2/issues/6341), but if I can find some time, I'll try to dig into it as well.

willshowell avatar Jun 20 '18 13:06 willshowell

@Shane-E the next patch release of the CDK should have a fix for this: https://github.com/angular/material2/pull/12119

willshowell avatar Jul 12 '18 14:07 willshowell

This has been fixed.

Shane-E avatar Sep 26 '22 13:09 Shane-E