Customizer: interacting with text fields in a "wide" widget shifts child panel position in Safari.

[pagelab]

When a widget is defined as "wide" in the widget construct, there's a sudden shift of the "widgets" panel in the customizer when there's any interaction with a text field.

This was observed in Safari Mac, versions 11 and 13 (latest).

I've used WordPress 4.9-beta3-41983, but this happened also in 4.8.2.

This bug was detected while I was using the Black Studio TinyMCE Widget plugin: ​https://br.wordpress.org/plugins/black-studio-tinymce-widget/.

I have tested also with a simple widget plugin, and found the same bug.

On both WordPress installations, the Twenty Seventeen theme was active, and there was just two plugins active: the test widget plugin and Black Studio TinyMCE Widget plugin.

• Here's a video showing the bug: ​https://www.dropbox.com/preview/Screen-Recording-2017-10-24-20-39-12.mp4?share=1
• The widget plugin used in the test is here: ​https://dl.dropbox.com/s/thmywibr3fd2d1x/widget-test.php.zip

[pagelab]

Simple widget plugin to test the bug.

[westonruter]

@pagelab I wasn't able to access your video on Dropbox, so I uploaded a video for myself: ​https://youtu.be/h13gfRdszIs

This issue was also happening in the new theme browser: #42052. In particular, it was fixed by @sayedwp in [41948].

But I found that if I go back to WordPress 4.7 the issue is still present there, so it's not new in 4.9. It is probably a regression introduced in #34391.

[peterwilsoncc]

Switching milestone due to the focus on the new editor (Gutenberg) for WordPress 5.0.

[celloexpressions]

Moving to 5.8 for investigation:

• Do "wide" (legacy) widgets display correctly in the new (5.8) block-based widget editor?
• Can the issue described in this ticket be otherwise reproduced by anyone in the most recent version of Safari?

This ticket can likely be closed as either fixed or worksforme.

[pagelab]

Do "wide" (legacy) widgets display correctly in the new (5.8) block-based widget editor?

I tested it on a fresh WordPress installation (5.7.2) with Gutenberg (10.7.1) and Twenty Twenty One (1.3), and “wide” widgets do not display correctly at all:

See ​https://youtu.be/YunTKcrakxQ

Can the issue described in this ticket be otherwise reproduced by anyone in the most recent version of Safari?

I could not reproduce the original issue in the latest Safari version (14.1) with the Gutenberg Plugin deactivated.

But, as you can see in the video above, the “wide” behavior of the widget does not work with Gutenberg enabled.

[hellofromTonya]

Today is 5.8 Beta 1. Investigation is ongoing. Punting to 5.9. Adding to the test team queue.