WP 6.8 Core added a Button block CSS property width of 100% rendering some buttons the full width of the browser.

[ceenee]

Hi,

This is related to a support forum bug with the release of WP 6.8 as described here: ​https://wordpress.org/support/topic/6-8-adds-width-of-100-to-wp-block-button__link/#post-18441988

The wp-block-button__link class on the Button block now has a width of 100% in WordPress Core. This has made several existing buttons, independent of theme, stretch the entire width of the browser after upgrading to WP 6.8 from WP 6.7.x. The width of 100% is not in WP 6.7.x.

Thanks!

[abcd95]

Hi @ceenee, Thanks for bringing this up.

I've been trying to reproduce the issue described, which is the addition of width: 100% to the buttons 6.8 onwards, but I did not see any anomaly as mentioned.

I tested this using the following setup :

• Used a default theme (Twenty Twenty-Four) with no active plugins
• Created a new post and added a standard Button block with default settings (no changes to alignment, justification, or width options in the block inspector)
• Added a couple paragraphs in between
• Viewed the post on the front-end

I did this with both 6.7.2 and 6.8 and didn't notice any significant deviations.

Could you provide some steps for reproduction or maybe screenshots if possible?

[sabernhardt]

• GB64770 added width: 100%.
• Then GB69637 used width: auto the fix the comment form button instead of removing the 100%.

[wildworks]

Thanks for the report.

The approach taken in ​GB 64770 may have been a bit too aggressive. I submitted ​GB 70054 to solve this ticket.

[wildworks]

This issue was fixed by ​GB70054.