olefredrik / FoundationPress

FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
https://foundationpress.olefredrik.com
MIT License
2.71k stars 871 forks source link

editor.scss makes first line of blocks' text difficult to select/edit with the mouse #1368

Open aperitero opened 5 years ago

aperitero commented 5 years ago

FoundationPress interferes with Gutenberg editor in a way that makes it hard to select/edit the first line of text with the mouse in a (paragraph/list) block.

When I comment "@include foundation-typography;" in editor.scss, the problem disappear.

How can this bug be reproduced?

  1. Create a post (with Gutenberg enabled).
  2. Create a paragraph block with several lines.
  3. With the mouse try to select some text in the first line. You have to move your cursor near the bottom of the text to get the "text cursor".

What did you expect to happen?

Moving the mouse cursor anywhere over the text should allow the user to click to select/edit the text, like in the original editor.

What happened instead?

On this first screenshot, you can see that the "arrow cursor" is still displayed while it is right over the first line of text: gutenberg-select-text-issue-a1

Moving the cursor further down finally allows to get the "text cursor" and select/edit the first line of text: gutenberg-select-text-issue-a2

To a lesser extent, the problem also happens when the block is already selected: gutenberg-select-text-issue-b1

Please List the Following:

aperitero commented 5 years ago

Also note that the "plus" button in the first screenshot is displayed at a lower position than it is in the original editor (it should be centered on the block's border).