In the attached test-case, a text input has a large `size="2000"` which causes it to exceed the size of its flexbox container, despite the input having both `width:100%` and `flex:0 0 100%`. Unlike in Chromium, `max-width:100%` must be specified for the input to shrink (or removing/reducing the `size` attribute).
Bug 1527982 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
In the attached test-case, a text input has a large `size="2000"` which causes it to exceed the size of its flexbox container, despite the input having both `width:100%` and `flex:0 0 100%`. Unlike in Chromium, `max-width:100%` must be specified for the input to shrink (or removing/reducing the `size` attribute). However, in the linked webcompat issue, adding `max-width:100%` is insufficient, so I'm not sure what to recommend there.
In the attached test-case, a text input has a large `size="2000"` which causes it to exceed the size of its flexbox container, despite the input having both `width:100%` and `flex:0 0 100%`. Unlike in Chromium, `max-width:100%` must be specified for the input to shrink (or removing/reducing the `size` attribute).