[wp-trac] [WordPress Trac] #53779: Youtube responsive widget broken with new widget layout

[WordPress Trac]

#53779: Youtube responsive widget broken with new widget layout
------------------------------------------------+--------------------------
 Reporter:  pigdog234                           |       Owner:  (none)
     Type:  defect (bug)                        |      Status:  new
 Priority:  normal                              |   Milestone:  Awaiting
                                                |  Review
Component:  Widgets                             |     Version:  5.8
 Severity:  normal                              |  Resolution:
 Keywords:  reporter-feedback has-testing-info  |     Focuses:
------------------------------------------------+--------------------------
Changes (by hellofromTonya):

 * keywords:  reporter-feedback => reporter-feedback has-testing-info


Comment:

 == Testing Report

 === Env

 - WordPress: 5.8
 - Activated plugins: Akismet, Embed Plus for YouTube, TablePress, Widget
 Responsive for YouTube, WP-Polls
 - Theme: Twenty Sixteen (same as the reporter's live site)
 - Widgets: attempted to create same widgets as reporter's live site
   - Search block
   - Youtube widget responsive block
   - YouTube wizard block (configured for the playlist)
   - Tag Cloud block
   - Last Comments block
   - Meta block
   - Search block
   - Tag Cloud block
   - Meta block
 - OS: macOS Big Sur v 11.5
 - Localhost: Local running on nginx, PHP 7.4.1, MySQL 8.0.16
 - Browsers: Firefox v 90.0.2 (64-bit) and Chrome v 92.0.4515.107 (Official
 Build) (x86_64)

 === Testing Steps to Reproduce

 - Start with WordPress 5.7.2 (use the Core Rollback plugin if already on
 5.8)
 - Install and active the Twenty Sixteen theme
 - Install and activate each of the plugins (see list above)
 - Go to `Appearance` > `Widgets`
 - Remove all widgets including any in the `Inactive Widgets` sidebar
 - Add each widget (see list above) to the `Sidebar` area
    - For Youtube widget responsive, set the following fields:
        - Title: `This Week's #MusicMonday`
        - Video: `https://www.youtube.com/watch?v=5Y2QFcEb7Ek`
    - For the playlist:
        - Add a Text widget
        - Click on `YouTube` button, which opens the wizard
        - Click `Embed a playlist`
        - Paste
 `https://www.youtube.com/watch?v=28WjGei1v24&list=PLd8JMfVxOSaJhssfxNyopgVXPBzHvp4lE`
 into the field
        - Click `Get Playlist` button
        - Click `Insert as Playlist` button, which adds the shortcode into
 the Text content form
        - Click `Save`
 - Check the site on the front-end to ensure the widgets render
 - Upgrade to WordPress 5.8
 - Go to `Appearance` > `Widgets`
 - Open DevTools and go to the `Console` tab
 - Click on the first video widget (i.e. the Youtube widget responsive
 widget), which expands the widget options
 - Set the options the reporter showed
 - Click `Update` button
 - Refresh the front-end
 - Click on 1st video to play it
 - Click on 2nd video to play it

 === Results

 - Widget updated as expected ✅
 - In the back-end -> lots of unsupported and deprecation notices in the
 browser's console
 - On the front-end-> messages in browser's console:
 {{{
 JQMIGRATE: Migrate is installed with logging active, version 3.3.2 jquery-
 migrate.js:69:17
 Feature Policy: Skipping unsupported feature name “autoplay”.
 wpdevtest.local
 Feature Policy: Skipping unsupported feature name “encrypted-media”.
 wpdevtest.local
 Feature Policy: Skipping unsupported feature name “autoplay”.
 wpdevtest.local
 Feature Policy: Skipping unsupported feature name “encrypted-media”.
 wpdevtest.local
 downloadable font: no supported format found (font-family: "Genericons"
 style:normal weight:400 stretch:100 src index:1) source: (end of source
 list)
 JQMIGRATE: jQuery.fn.resize() event shorthand is deprecated jquery-
 migrate.js:100:12
 console.trace() jquery-migrate.js:102:13
     jQuery 2
     <anonymous> http://wpdevtest.local/:794
 Some cookies are misusing the recommended “SameSite“ attribute 5
 Request to access cookie or storage on “<URL>” was blocked because it came
 from a tracker and content blocking is enabled. 4
 Some cookies are misusing the recommended “SameSite“ attribute 5
 Setting up YT API events: StefanoAI-youtube-1 ytprefs.js:242:37
 Setting up YT API events: _ytid_21712 ytprefs.js:242:37
 YT API ready 2 ytprefs.js:242:37
 Cookie “requests” is invalid because its size is too big. Max size is 4096
 B. www-embed-player.js:275:444
 Cookie “requests” is invalid because its size is too big. Max size is 4096
 B.
 }}}
 - No errors in the `error.log` ✅
 - On front-end:
    - Youtube widget responsive:
      - Preview displays ✅
      - Playback: plays ✅
      - Console messages:
 {{{
 MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead.
 base.js:1294:347
 MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead.
 }}}
    - Playlist:
      - Preview displays ✅
      - Playback: plays ✅
      - No additional console messages

 === Summary

 - Could not reproduce the reported update/save problem
 - Youtube widget responsive form rendering is different from 5.7.2 to 5.8,
 where in 5.7.2 tabbed panels are used (UI rendering difference needs to be
 addressed with the plugin author)
 - Unsure of how the reporter has the `YouTube Free` settings configured -
 would need for further investigation as reporter's configuration settings
 may or may not be contributing to the reported problem (there are privacy
 settings in the plugin)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/53779#comment:15>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform