search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.43k stars 1.99k forks source link

Alves: Form Block Text Color Different in Editor and Live Page #58413

Open kspilarski opened 2 years ago

kspilarski commented 2 years ago

Quick summary

Any form block (from a plugin or Gutenberg's form block) that is over a cover image will show different text color in the editor and the live page.

Steps to reproduce

  1. Activate Alves theme.
  2. In a page, add cover block and form block over it (notice the form block texts color)
  3. Publish page

What you expected to happen

The form block text color in the editor is the same as the live page.

What actually happened

The form block text color in the editor and live page are different.

Context

4539329-zen user report and testing.

Editor:

Screen Shot 2021-11-23 at 5 42 57 PM

Live Page:

Screen Shot 2021-11-23 at 5 45 00 PM

Operating System

macOS

Browser

Mozilla Firefox

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

Alves

Other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

Yes, easy to implement

Workaround details

CSS code.

kosiew commented 2 years ago

Hi @kspilarski ,

Thanks for reporting this and the detailed steps.

I noticed the same on Storefront theme too. image

Triaging for developers' further investigation.