WordPress.org

Make WordPress Core

Opened 4 years ago

Last modified 4 months ago

#42329 new defect (bug)

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

Reported by: pagelab Owned by:
Milestone: 5.9 Priority: normal
Severity: normal Version: 4.7
Component: Customize Keywords: needs-testing
Focuses: ui, javascript, administration Cc:

Description

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.

Attachments (1)

widget-test.php.zip (1.7 KB) - added by pagelab 4 years ago.
Simple widget plugin to test the bug.

Download all attachments as: .zip

Change History (8)

@pagelab
4 years ago

Simple widget plugin to test the bug.

#1 @westonruter
4 years ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 4.9.1
  • Version changed from 4.8.2 to 4.7

@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.

#2 @johnbillion
4 years ago

  • Milestone changed from 4.9.1 to 5.0

#3 @peterwilsoncc
3 years ago

  • Milestone changed from 5.0 to 5.1

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

#4 @pento
3 years ago

  • Milestone changed from 5.1 to Future Release

#5 @celloexpressions
5 months ago

  • Keywords needs-testing added; needs-patch removed
  • Milestone changed from Future Release to 5.8

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.

#6 @pagelab
5 months ago

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.

#7 @hellofromTonya
4 months ago

  • Milestone changed from 5.8 to 5.9

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

Note: See TracTickets for help on using tickets.