Dyad 2: Contact Form text is white when placed inside Cover block.

[kosiew]

Steps to replicate

1. Add Contact Form (either template or Form block) to a page
2. View the Contact Form and try to input information.

[Please include screenshots, browser information, and anything else that can help us recreate the problem.]

Result

The text in the input fields are in white on a white background and thus not visible.

[What happened.]

Expected

The text in the input fields should be visible.

[What you expected to happen.]

• User report: [shortlink to chat/forum thread/ticket, ie #12345-hc]
• Follow-up ticket: [shortlink to ticket, ie #12345-zd]
  #2755796-zen

[achyuthajoy]

Hey @kosiew! I was able to replicate the problem when using one of the contact page layouts and contact forms inside the cover block. However, this doesn't apply to contact forms added outside cover layout.

Found that the conflicting CSS comes from the default block styles and the input fields on Dyad 2 are styled to pick up parent element's color.

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width:calc(100% - 70px);
    z-index:1;
    color:#f8f9f9
}

Easy fix here is to remove the color inheritance on Dyad 2 or to add a fixed color. For now I'm adding a patch by removing the inheritance.

[mikeicode]

They came up on 21980372-hc I provided the following to resolve:

.wp-block-cover .contact-form textarea, 
.wp-block-cover .contact-form input[type="text"], 
.wp-block-cover .contact-form input[type="email"], 
.wp-block-cover .contact-form input[type="url"], 
.wp-block-cover .contact-form select {
	color: rgb(106,108,110);
}

[bsanevans]

We are seeing this issue again. I have a user on the Personal plan, so CSS is not a viable workaround: 3447430-zd-woothemes

I have asked them to place the contact form outside a Cover Block for the moment.

[paulostp]

3751777-zd-woothemes. Personal plan, suggested placing the form outside the Cover block as a workaround.

[jordesign]

Confirmed this behaviour is still in place if the cover block has a dark overlay.

Dyad is active on 582,558 sites

[jordesign]

Looks like there was the start of a solution in #2778 - but it stalled.