flickering Navigation Select Menu in FSE

[tinomueller]

The Navigation Block option menu flickers when selected in header template. See attached GIF file, recorded with LiceCap at 8fps so the flicker looks like a slow whobble.

[tinomueller]

editor flicker bug

[sabernhardt]

Hi and thanks for the report!

Could you add more details of how you discovered this flickering? It seems that you removed the Navigation block and then added a new one, but I'm not sure.

I have not been able to reproduce the error in Beta 4 with Windows browsers (Firefox and Chrome). The block options menu has changed somewhat since your version. I have a "Select menu" button (Menü auswählen) not shown in the GIF, and that is now centered along with the Navigation heading (but the other two buttons are aligned left).

This is likely an Editor issue and not Twenty Twenty-Two, yet I'll leave it in the Bundled Theme component until we confirm that.

[tinomueller]

I just opened Gutenberg and clicked into the header part w/o removeing or editing something. It was a out-of-the-box experience. Tested with newest Beta 5.9-beta4-52424.

Now i removed the navigation from the header template and added a empty new navigation. Same flickering again. With a existing navigation which contains a menu item it seems ok. It seem related to the responsive classes. I attached a new screen-capture made with LiceCap. My screen is 1920x1080px - no zoom (also in browser - Chrome).

Replying to sabernhardt:

Hi and thanks for the report!

Could you add more details of how you discovered this flickering? It seems that you removed the Navigation block and then added a new one, but I'm not sure.

I have not been able to reproduce the error in Beta 4 with Windows browsers (Firefox and Chrome). The block options menu has changed somewhat since your version. I have a "Select menu" button (Menü auswählen) not shown in the GIF, and that is now centered along with the Navigation heading (but the other two buttons are aligned left).

This is likely an Editor issue and not Twenty Twenty-Two, yet I'll leave it in the Bundled Theme component until we confirm that.

[tinomueller]

Editor flickers because of responsive class switching

[audrasjb]

Moving for 5.9 consideration.

[hellofromTonya]

With RC1 happening in a couple of hours, moving this to 5.9.1 for investigation to determine where the root cause lies. Once identified, then it can be reported upstream in Gutenberg or TT2 for resolution with the fix backported to Core when fixed.

[audrasjb]

It would be nice to test the issue on another block theme to see if it happens there too. If yes, then it's an issue in the Site Editor itself and needs to be fixed upstream (= Gutenberg repository).

Moving to 5.9.1 since 5.9 RC1 is released today.

[tinomueller]

can't reproduce it right now using the 5.9-RC2-52567 - clean installation. so it seems fixed.

[ixkaito]

Tested in 5.9-RC3-52601. Couldn't reproduce it because as @sabernhardt said, it seems that the UI has been changed.

[audrasjb]

As per today's bug scrub, it looks like the issue was somehow fixed before 5.9 final release
Let’s get another test to confirm, then close the ticket as fixed.

[annezazu]

current navigation block

[annezazu]

Just tested this with a brand new site with the TT2 theme using WordPress 5.9 and cannot replicate. I set my language to German in case there was an internationalization issue. As you can see, the UI has adjusted. From what I can see, this was originally likely due to how the placeholder reacted in small spaces. This has been improved ahead of 5.9 in this PR: ​https://github.com/WordPress/gutenberg/pull/37089

From my point of view, this can be resolved.

[webcommsat]

I do not get this issue any longer. I rechecked it on the test site where I did get it previously. Looks fixed.

[sabernhardt]

Thanks for testing and linking to the PR!