Steps to reproduce
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
- Safari 9.1
- IE 11
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Bogdan B.”
Changed Status to “Confirmed”
Changed Assigned To from “Bogdan B.” to “Ibrahim O.”
Changed Status from “Confirmed” to “Won’t fix”
Thank you for your feedback. It appears to be the expected behavior that max width applied to the element not the container. This is also interoperable with other web browsers.
The MS Edge Team