Gutenberg: Inserter malfunctions on mobile

Created on 20 Jul 2017  ·  3Comments  ·  Source: WordPress/gutenberg

Issue Overview

When opening the inserter on screens smaller than 782pixels it works in mysterious ways.

When pressing the button (+) in the top bar, the inserter is displayed on top of the bar.
Making it unusable because scrolling up is not available.
new_post_ _test_ _wordpress_and_gutenberg_983

When pressing the (+) button in the blocks content, the modal is placed off-screen on the left. The buttons on the bottom are placed below the window, having to scroll to reach them.

new_post_ _test_ _wordpress_and_new_issue_ _wordpress_gutenberg

Steps to Reproduce (for bugs)


  1. Make the screen smaller than 782 pixels wide
  2. Open the inserter on any location
[Feature] Inserter [Type] Bug
Source
picture moorscode

All 3 comments

This doesn't make it any less of an issue, but there are a lot of issues with the mobile experience - it's not there yet. I am going to label this for mobile, but there needs to be a general focus and fix for all of the mobile experience, this is just one part of that.

karmatosed picture karmatosed on 24 Jul 2017
👍1

The first of the two issues described here is fixed as of #1204

aduth picture aduth on 4 Aug 2017
👍1

Closing as the main issue is fixed. There's ongoing work in further improving the inserter design.

mtias picture mtias on 10 Aug 2017
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

youknowriad picture youknowriad  ·  3Comments
pfefferle picture pfefferle  ·  3Comments
maddisondesigns picture maddisondesigns  ·  3Comments
spocke picture spocke  ·  3Comments
maddisondesigns picture maddisondesigns  ·  3Comments