Text input max-width not constrained by inside-block parent

Won’t fix Issue #7422973


Chris L.
May 3, 2016
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
  • Chrome
  • Safari
  • Firefox
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

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


0 attachments

    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. 

      Best regards,
      The MS Edge Team  

    You need to sign in to your Microsoft account to add a comment.

    Sign in