Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use display: block; for form elements #30390

Merged
merged 1 commit into from
Mar 13, 2020

Conversation

MartijnCuppens
Copy link
Member

.form-select and .form-file have display: inline-block applied to. This results in an inconsistent behaviour in col-auto because the label length influences the col width, even when the label is smaller:
https://codepen.io/MartijnCuppens/pen/wvamMpQ

.form-file is a div, so several properties can be removed. They were added in the past because it used to be a label.

Not sure if we should backport this, could be a BC.

@MartijnCuppens MartijnCuppens requested a review from a team as a code owner March 12, 2020 21:11
@MartijnCuppens MartijnCuppens added this to Inbox in v5 via automation Mar 12, 2020
v5 automation moved this from Inbox to Approved Mar 13, 2020
@MartijnCuppens MartijnCuppens merged commit 481f7c6 into master Mar 13, 2020
v5 automation moved this from Approved to Shipped Mar 13, 2020
@MartijnCuppens MartijnCuppens deleted the master-mc-form-display-block branch March 13, 2020 07:29
@MartijnCuppens
Copy link
Member Author

Not gonna backport this to v4, it would break implementations where the form elements are used inline.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v5
  
Shipped
Development

Successfully merging this pull request may close these issues.

None yet

2 participants