Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.41k stars 1.99k forks source link

Gutenlypso: Media & Text block: Over next block options #34973

Open carinapilar opened 5 years ago

carinapilar commented 5 years ago

Steps to reproduce

  1. Create a new page/post.
  2. Add a "Media & Text" block.
  3. Add an image on the Media part of the block.
  4. Add a Paragraph block below the "Media & Text" block.
  5. Try to use the editing options on the Paragraph block.

What I expected

To be able to access the editing options of the Paragraph block.

What happened instead

The image on the "Media & Text" block shows over the editing options of the next block.

Screenshot / Video

MediaAndTextBlock

Browser / OS version

Chrome 75.0.3770.142 OS X 10.13.6

Context / Source

It's a personal AT site with the Gutenberg plugin version 6.1.1.

I noticed that this doesn't happen on all sites. Some sites, with the same plugin version, are showing the editing options on the top left, which fixes the issue:

EditingOptions

And on other sites it works normally:

Screen Shot 2019-07-29 at 15 58 55

I wonder if it's related to the theme, page's template or available space.

dogfooding

gwwar commented 5 years ago
Screen Shot 2019-10-29 at 5 02 02 PM

The toolbar has a z-index of 61 (who knows why that specific number). So it's maybe possible for other items to layer on top if themes have specific overrides on images.

For folks investigating please note any related themes/customization.

github-actions[bot] commented 3 years ago

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

github-actions[bot] commented 3 years ago

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.