Slideshow Block Breaking All Media On Grammer One Theme

[cat-og]

Quick summary

When a slideshow block is added to a post or page, all media on the page stops working, including blocks outside of the slideshow, despite appearing correct in the draft while working.

• The Image block will not load at all
• The Cover block loads as a single solid color which extends past the borders of the page to the right
• The slideshow block still shows the arrows, and if you click on it the images will expand, but on the page it shows only blank space. It also takes up too much space
• The video blocks create another single solid color block which extends past the borders of the page to the right and down the page; it actually requires a long time scrolling, or manually moving the page bar to get past the Video content
• Gallery blocks display the same as the video blocks, with single solid color block which extends past the borders of the page, to the right and down.
  • If the Gallery Block and Video block were both on the page together, I was not able to get to the bottom of the page or any content below them, eventually the bar stopped scrolling but the content kept going

Changing to another theme, or removing the slideshow block from the page both work to resolve the issue.

Steps to reproduce

1. Switch to the Grammer One theme
2. Create a new page with different types of media, including an Image Block, a Cover Block, and a Video block, and publish the new post. The content should load as expected.
3. Add slideshow block to the page, save changes.
4. The media content on the live page will have been affected

What you expected to happen

The media display on the live site should match the draft page.

Draft page example:

What actually happened

Adding the slideshow distorted all other media on the same page.

The formatting issue also meant I could not capture the full live page in a single screenshot, included in two images below.

Part 1:

Part 2:

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[cat-og]

Reported here: 8341046-zd-a8c

[jartes]

Thanks for this report, Cat! I was able to reproduce this on a simple site as well.

Transferring the issue to the Themes repo.

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8341046-zen