NEW 157306
Text input max-width not constrained by inside-block parent 
https://bugs.webkit.org/show_bug.cgi?id=157306
Summary Text input max-width not constrained by inside-block parent
Chris Lienert
Reported 2016-05-03 01:33:54 PDT
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
Comment 1 2023-03-23 16:57:14 PDT
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
Comment 2 2023-03-23 22:59:08 PDT
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
Comment 3 2023-03-24 04:30:35 PDT
(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?
Note You need to log in before you can comment on or make changes to this bug.