Bug 157306
| Summary: | Text input max-width not constrained by inside-block parent | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Chris Lienert <rez> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, akeerthi, mmaxfield, simon.fraser, wenson_hsieh, zalan |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Mac | ||
| OS: | OS X 10.11 | ||
Chris Lienert
Steps to reproduce the problem:
Text input inside an inline-block displayed parent doesn't respect max-width in the same way as other elements. In this case, an image has been used as a comparison element.
Compare #2 and #6 in CodePen: http://codepen.io/cliener/pen/aNQamJ
What is the expected behavior?
CodePen example #6 shows the correct behaviour with an img element.
What went wrong?
CodePen example #2 shows the broken behaviour with a text input.
Did this work before? No
Chrome version: 50.0.2661.94 Channel: n/a
OS Version: OS X 10.11
Flash Version: Shockwave Flash 18.0 r0
Tested and confirmed as broken in:
- Chrome 50
- Firefox 46
- IE 11
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
All browsers (Safari 16.3, STP166, Chrome Canary 113 and Firefox Nightly 113) are matching in Test Case 2 & 6.
Appreciate if someone can confirm the broken behavior but IMO this is working fine. Thanks!
Since it is also layout & rendering related, adding ‘Alan’ for input and Aditya for any other bits around forms bit.
Chris Lienert
I'm not sure how this can be considered working. As per the original description, text inputs should respect inline-block parents when max-width is applied and, as per the test case, they do not.
Ahmad Saleem
(In reply to Chris Lienert from comment #2)
> I'm not sure how this can be considered working. As per the original
> description, text inputs should respect inline-block parents when max-width
> is applied and, as per the test case, they do not.
Can you share the screenshot of wrong behavior in Safari vs other browsers for reference?