Editor view rearranges columns to match mobile ordering

[iAmSteveBeatty]

The editor view of the homepage will unexpectedly shift columns around to match the priority given to the columns for mobile display. For instance, in a 25-50-25 three-column layout, the emphasis is on the center column. So it's reordered for mobile for the center column to be shown first. Until recently, that reordering didn't affect the view in the editor.

Frontend of Ye Olde Newspack.blog:

Backend editor view:

I saw the issue happen when I was giving a demo. I added Style 2 from the Newspack Patterns. It wasn't immediate, but somewhere along the line, the editor view shifted. Sorry that I can't immediately reproduce. I'll keep trying to see what triggers it.

[laurelfulford]

I can recreate this -- seems to be related to some CSS class changes in Gutenberg 7.9+ (in 7.8.1 and lower, it previews as expected).

[laurelfulford]

... and now I can't. I can see it on the newspack.blog site though -- going to keep on digging!

Edited to add: newspack.blog is on Gutenberg 7.8.1, so I clearly am looking at the wrong things! 😅

[matticbot]

🎉 This issue has been resolved in version 1.4.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀