Blocks Menu Opens Incorrectly on iOS Portrait

[mrjarbenne]

In iOS Safari, the + menu in the top bar opens correctly on iOS in Landscape mode

but in portrait mode, the menu opens upwards, sitting above the viewport. You can see the bottom of the menu peeking out from the top in this image:

[mrjarbenne]

Previous screenshots were taken on iPhone 6S. I can confirm similar behaviour on iPad Air. Both instances are on WP Multisite 4.8, with the WP plugin repo version of the Gutenberg plugin: 0.1.0

[jasmussen]

Thanks for the report!

[aduth]

Possibly slated to be resolved by Popover refactoring in #1204.

[mtias]

Closing as fixed by updated popover.

[mrjarbenne]

@mtias I believe this needs to be re-opened.

The updated popover has fixed this issue in landscape, but portrait issues still persist. Using version 0.9 of the plugin, the popover will open upwards. If you switch the orientation while the popover is open, the popover stretches beyond the screen.

One item to note, which may be worthy of its own issue, but may also be impacting/causing the behaviour:

When the Insert Block button is pressed, the popover opens and the search field is activated, which then triggers the keyboard, and throws everything upwards and out of view (this is also seen in the attached video). Perhaps this is making it difficult for the popover to detect visible real estate.

Related:
#1961
#2471

[karmatosed]

Closing as we now have a single place to include all issues for mobile inserter in #2691