Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
900 stars 357 forks source link

Twenty Twenty theme - Page Optimize "Concatenate Styles" option causes Video Blocks to align left #6198

Open masperber opened 2 years ago

masperber commented 2 years ago

Quick summary

With the Twenty Twenty theme activated, the Page Optimize "Concatenate Styles" option causes Video Blocks to align to the extreme right side of the page. Interestingly, this does not show in the Customizer... only the live site.

Steps to reproduce

  1. Start a site with the Twenty Twenty theme active
  2. Install and activate the Page Optimize plugin if not already installed. Activate the Concatenate Styles option from the plugin settings.
  3. Create a post or page and add a Video Block. The video block will align to the far left edge of the page on the live site.

What you expected to happen

The Video Block should use the theme alignment options.

What actually happened

The Video Block aligns to the far left edge of the page.

Context

Customer report: 36030466-hc

I reproduced the issue on my test site with standard WoA plugins and no custom CSS.

Simple, Atomic or both?

Atomic

Theme-specific issue?

Twenty Twenty

Browser, operating system and other notes

Seems to be present on all browsers

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

The Concatenate Styles option can be disabled, or the Page Optimize plugin can be disabled.

masperber commented 2 years ago
Robertght commented 2 years ago

📌 HOUSEKEEPING

📌 SCRUBBING

📌 FINDINGS/SCREENSHOTS/VIDEO

📌 ACTIONS

CodeAllNightNDay commented 2 years ago

Same issue here. Shared workadound 5373397-zen

kimerlin81 commented 2 years ago
jp-imagines commented 2 years ago

Another report from the closed duplicate issue above: 5517970-zd-woothemes

Adding the align center video to a Group block was another workaround found for that case, but also confirmed that deactivating Page Optimize worked.

github-actions[bot] commented 2 years ago

Support References

This comment is automatically generated. Please do not edit it.