FSE: (block-based themes) Latest Instagram Posts Block - preview not visible in the editor

kspilarski commented 2 years ago

Quick summary

Using a block-based theme, the Latest Instagram Posts block doesn't show the preview when changing the number of columns and image spacing. However, on a live page or post, the settings of Latest Instagram Posts block display correctly.

Steps to reproduce

In Themes, search for Block Editor Styles feature:block-editor-styles
Select a theme and activate.
In a page or post, insert Latest Instagram Posts block
Connect to Instagram
Change the number of posts (the amount of posts will adjust and it'll reflect in the editor
Change the number of columns and Image Spacing (px) and it won't show the changes in the editor.

What you expected to happen

When changing the number of columns and image spacing, it'll show in the editor.

What actually happened

Changing the number of columns does not show how it looks in the editor. For image spacing, only when it's 0px, it'll show in the editor. On a live page or post, the settings set on Latest Instagram Posts block display correctly.

Context

Video recording on a block-based theme (number of columns and image spacing preview are not seen in the editor):

https://user-images.githubusercontent.com/36863633/151021327-bfcff748-4f3c-409e-bbbf-a1f5594a3ba2.mov

Video recording on a non block-based theme (number of columns and image spacing preview are seen in the editor):

https://user-images.githubusercontent.com/36863633/151020753-61d01543-3ec5-44f6-8583-094db8a45ece.mov

Simple, Atomic or both?

Simple

Theme-specific issue?

Block-based themes

Browser, operating system and other notes

Firefox 96, Mac OS 12.1.

Reproducibility

Consistent

Severity

All

Available workarounds?

Yes, easy to implement

Workaround details

Use a non block-based theme, or view the changes in the live page or post.

Robertght commented 2 years ago

Hey @kspilarski ! thank you for reporting this!

I tried to replicate this behavior but I wasn't able to. Could you share the theme(s) used in the process and if you can still replicate this after the recent updates?

kspilarski commented 2 years ago

Those themes I've tested where Latest Instagram Posts block does not show the preview in the editor (when changing number of columns and image spacing) were: Zoologist, Farrow, Calvin, Franklin, Ames, Bennett.
I tested this again in my two simple sites and Latest Instagram Posts block also does not show the preview in the editor using these themes: Barnett, Kingsley, Jackson, Arbutus, Russell, Alonso, Videomaker White, Videomaker, Skivers, Byrne, Payton
Works fine with: Bantry, Twenty Twenty.

Robertght commented 2 years ago

Thank you for confirming! It appears this only happens on sites with FSE.

Automattic / themes