Various themes, Form block: outline of submit button is missing.

[formosattic]

Quick summary

Issues happens with certain theme.

Outline missing with Karuna (user report), Baskerville 2. Outline shows fine with Twenty Twenty-One, Quadra, Barnsbury. I just tested a few themes, so the issue might happens with others.

User says it looked ok as of a month ago, so this appears to be related to some recent updates.

Steps to reproduce

1. Add a Form block
2. Set submit button to Outline

What you expected to happen

Button shows outline.

What actually happened

Button outline is missing.

Context

4671885-zd-woothemes

Simple, Atomic or both?

No response

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

No response

Severity

No response

Available workarounds?

No response

Workaround details

Fix requires Premium plan and CSS:

.wp-block-button .wp-block-button__link {
    border: 2px solid black;
}

[kerrynicl]

Observed issue on Twenty Twenty Theme

[manuelrebollo-a11y]

Found an occurrence of the problem in the Twenty Twenty-Two theme. 4866632-zd-woothemes

[the-misha]

Another user report, Baskerville 2: 15081824-hc / 4880670-zd-woothemes

Possibly related to this issue?

[radtechgh]

Another instance, 4956238-zen. 2022 theme, Personal plan, Form block. Also tried on Premium test site, Form block, 2022 theme, same issue.

[Gustavo-Hilario]

From the reported themes, I could only reproduce the issue now on Baskerville 2 and Twenty Twenty. It is replicable for Form and Button blocks. None of these two themes are on our themes repository. I'm removing Karuna and Twenty Twenty-two labels.