Please revert the 100% INPUT default width...

This topic has 4 replies, 3 voices, and was last updated 10 months, 2 weeks ago by PASCAL Hämmerli.

Creator

Topic
July 7, 2021 at 2:01 PM #29347

Resolved elindydotcom
Participant

The change to make all INPUT fields 100% width should have been an option, not forced upon existing users and certainly not something that is a "point" change because it breaks existing layouts. Can you please considering reverting that and make it some sort of wp-config option instead?
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
July 7, 2021 at 2:34 PM #29348

Anh Tran
Keymaster

Hi,

I've been thinking about this for a while and made a poll on the Facebook group. 99% users voted for 100% width option.

Anyway, the change only force 100% width if you not set the "size" attribute for inputs. If you set "size", it respects what you set. For select and textarea, it's always 100% width.

If you notice any issue with the layout, please let me know.

July 8, 2021 at 12:34 AM #29357

elindydotcom
Participant

Hi:

I understand the desire for the default but shouldn't that be set for new installs instead of existing installs? Now it means that the update requires us to go back and change all existing code just to prevent the 100% width from taking effect.

And since this is a large breaking change shouldn't it be in a major update instead of a minor / bug-fix update?

July 8, 2021 at 2:53 PM #29361

Anh Tran
Keymaster

I'm afraid there's no way to recognize the new vs existing installs, unless the existing installs don't update to the new version.

I made it a patch update, since I think it's kind of a fix for styling. I'm sorry for the troubles you're in. I'll be more careful in the future and make a note when we release something like that.

July 8, 2021 at 5:37 PM #29370
PASCAL Hämmerli
Participant
Experiencing the same issue here:
My blocks with a simple label/input are rendered with a big label and an unusable 20px width input field.

Maybe a quickfix (that worked for me) is to add to your admin css:
```
.edit-post-sidebar .mb-block-edit .rwmb-label, 
.edit-post-sidebar .mb-block-edit .rwmb-input {
     25%; // instead of 100%
}
```
Author

Replies

Viewing 4 replies - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.