Flickering Block Pattern Selection panel

  • kevinjapan

    (@kevinjapan)


    3 years ago

    Hi,
    aware this was raised before – but can’t find a working solution,
    i’m developing a theme and creating my own block patterns, and am experiencing the block inserter/patterns panel flickering for some patterns but *only* while browser is at full width. If i manually reduce the width of the browser, the flickering does not happen. Either way, the pattern can be inserted and functions correctly thereafter. but the flickering is extreme and un-shippable
    given a tight deadline – can anyone point me to a reasonable workaround, perhaps targeting the styling inside the panel?
    i notice that there is some definate shifting of the panel after loading in any width – which apparently can’t resolve when browser is full width
    many thanks
    K

Viewing 1 replies (of 1 total)
  • Thread Starter kevinjapan

    (@kevinjapan)

    update:
    suspect it’s the width of my pattern/additional class that is somehow conflicting with the rendering within the constraints of the containing panel. the following workaround looks like it may work:

    .block-editor-block-preview__container.editor-styles-wrapper .mytheme-pattern-class {
    display:relative;
    width:100%;
    padding:0;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Flickering Block Pattern Selection panel’ is closed to new replies.