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

Some themes: Gallery widgets in sidebar are cut off #53613

Open wpshellbelle opened 3 years ago

wpshellbelle commented 3 years ago

Steps to reproduce the behavior

  1. Go to My SiteCustomizeWidgetsSidebarAdd widget
  2. Select Gallery Widget → Add gallery to widget and set gallery to Square Tiles
  3. find that the gallery is cut off
Screen Shot 2021-06-10 at 4 33 29 PM

What I expected to happen

I expected full gallery to show like this:

Screen Shot 2021-06-10 at 4 35 19 PM

What actually happened

Images added to the widget in the second column are cut off

Is this specific to the applied theme? Which one?

Karuna

Does this happen on simple or atomic sites or both?

Both

User reported: 28158439-hc

formosattic commented 3 years ago

+1 30123880-hc

Same issue with other theme: Publication, Apostrophe 2

The gallery looked ok when set to Thumbnail Grid, but issue also happens with other gallery types (Circles, Tiled Columns)

image1

katiebethbrown commented 2 years ago

Another report in 32456713-hc

Theme: Lovecraft

metabreakr commented 2 years ago

32500856-hc

Theme: Lovecraft

tanjoymor commented 2 years ago

I believe this is another case of a similar issue 4621965-zen but it is much more random. Basically refreshing the page or resizing the browser even a tiny bit fixes the gallery display. I'm unable to reproduce it on a test site using the same Lovecraft theme. The Blog sticker for disable-widget-block-editor was turned on a month ago to try to fix it, but it hasn't helped.

In reviewing this history on this one, I'm wondering if there's any relevance with the fact that the site was originally built with the main Classic editor before the introduction of the Block editor. Like maybe there's just some odd mix of code going on causing a perfect storm situation?

The other thought I had was whether or not some piece of CSS might be causing some interference and I've asked the customer to test that theory.

This is a short recording showing the gallery in the right sidebar and how resizing the browser fixes the display and how refreshing flips it back and forth between correct and incorrect.

https://user-images.githubusercontent.com/42655541/146621362-a121b8e3-ad3f-4bc0-b4f2-a3e6d3196f51.mp4