Cannot insert new blocks in iOS Safari

[ellatrix]

When I select a block, scroll up a bit to get the plus icon, and click it, the inserted appears in a strange location. Most of it is hidden. When I try to scroll to get to the rest, it scrolls a lot slower compared to the rest of the screen, and I never really get anywhere before I hit the top of the page. It also seems that most of it is clipped off by the page boundaries.

[ellatrix]

It sometimes appears in a different place:

[aduth]

Duplicate of #2471

It's a tricky problem to solve because the Popover component has built-in logic to try to flip itself when exceeding bounds, but doesn't yet have the ability to know how to handle the case where there is no suitable position to open.

In my mind, I'm thinking one or more of:

• The inserter menu probably shouldn't have offset 100vh height for the content inserter
• If we encounter the case where no suitable position exists, we should at least set a max height/width of the popover to ensure it doesn't go offscreen, then allow remaining content to be scrollable

Edit: Another, perhaps more preferable option, is to treat the inserter as a full-page modal in mobile contexts, not "attached" to the specific anchor node.

[BE-Webdesign]

Edit: Another, perhaps more preferable option, is to treat the inserter as a full-page modal in mobile contexts, not "attached" to the specific anchor node.

☝️

👍

[karmatosed]

We now have a single place to include all issues for mobile inserter in #2691