Twenty Nineteen: Button block does not respect custom width in the editor

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Nineteen theme.
2. Choose button block.
3. Apply width from 25, 50 or 75.

You can able to see a different changes user side but editor side it remains same.

I have attached video for better understanding.
Video URL :-​https://share.cleanshot.com/RQYncB59N8Yf42TzvMdQ

[nidhidhandhukiya]

The reason behind this issue is the css below.

.editor-styles-wrapper .wp-block .wp-block {
    width: initial;
}

If we remove this the issue is resolved.
(Note:- I don't know for which actual problem solution this css is written so if we remove this it will affect other block)

[sabernhardt]

The width was added mainly for blocks inside Column blocks (and/or Group blocks, etc.) in ​PR 454 and ​PR 526. Then [47587] changed the value from 100% to initial.

The SCSS file probably could use .wp-block:where(:not(.has-custom-width)), which would compile to .editor-styles-wrapper .wp-block .wp-block:where(:not(.has-custom-width)).

[sabernhardt]

The button width settings have been available since 5.7.

[sabernhardt]

#60885 was marked as a duplicate.