988965 - Input doesn't respect max-width

Status: RESOLVED INCOMPLETE

(Core :: Layout: Form Controls, defect)

Description

[Lauri Eskola]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:28.0) Gecko/20100101 Firefox/28.0 (Beta/Release)
Build ID: 20140314220517

Steps to reproduce:

Input inside a 500px width div, input has a size attribute which defines the size of the input. Then I have a max-width 100% because I want to keep the input inside the div, but that doesn't have any effect for the input. If I apply width rule, that gives the right width for the input.

https://drupal.org/node/2227121


Actual results:

Input doesn't have any effect while using max-width


Expected results:

It should keep the input fields maximum weight as wide as the parent div is.

Comment 1

[[:Aleksej]]

Please attach a testcase.

With this:

<div style="width: 500px; height: 50px; background-color: blue">
<input size="10000" type="text" style="max-width: 100%"/>

the input goes beyong the right edge of the div only a few pixels (less blue is visible on the left).

firefox-28.0.en-US.linux64
2014-04-02-03-02-01-mozilla-central-firefox-31.0a1.en-US.linux-x86_64

Comment 2

[Mats Palmgren (inactive)]

Please reopen this report when you have a testcase / URL that demonstrates the problem.