Skip to content

Editor: Inserting a Carousel (Coblock) into a Layout Grid block causes flickering and breaks the borders of the grid #62791

Open

Description

Quick summary

When a Carousel Block (Coblock) is added to a Layout Grid block, it breaks the column border and causes flickering in the editor as shown here:

Screen.Capture.on.2022-04-14.at.15-32-49.mp4

Steps to reproduce

  1. On an Atomic site with Coblocks installed, add a new page
  2. Add the Layout Grid block
  3. Choose any number of columns. I've tested 1 - 3 and the flickering behavior is the same
  4. Insert the Carousel block into one of the Layout Grid columns
  5. Notice how the Carousel goes beyond the width of the grid column and starts a flickering movement

What you expected to happen

I'd expect the Carousel block to be inserted within the column constraints of the grid and not cause flickering onscreen

What actually happened

The flickering behavior was reproducible on my test site:

Screen.Capture.on.2022-04-14.at.15-39-12.mp4

Context

Initially reported here - 35161852-hc
Follow-up ticket here - 4948682-zd-woothemes

The only thing I found to stop the flickering was to set the Slider settings to either M or S instead of XL.
That didn't fix the border breaking part of this issue though.

Simple, Atomic or both?

Atomic

Theme-specific issue?

Not theme specific

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Most (> 50%)

Available workarounds?

Yes, easy to implement

Workaround details

The workaround is to use the Column Block.
Not desirable since the user wants the responsiveness offered by the Layout Block.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Customer ReportIssues or PRs that were reported via Happiness. Previously known as "Happiness Request".Issues or PRs that were reported via Happiness. Previously known as "Happiness Request".Layout GridUser ReportThis issue was created following a WordPress customer reportThis issue was created following a WordPress customer report[Feature] CoBlocksThe integration of GoDaddy's CoBlocks plugin on WordPress.com Atomic sites.The integration of GoDaddy's CoBlocks plugin on WordPress.com Atomic sites.[Feature] Post/Page EditorThe editor for editing posts and pages.The editor for editing posts and pages.[Pri] Normal[Type] Bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions