268930 - Form input controls crops the text if the specified size (height) is small

Status: RESOLVED INVALID

(Core :: Layout: Form Controls, defect)

Description

[Seungbeom Kim]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040616
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040616

If the height of a form input control specified is not enough to accomodate the
text inside, the text is cropped. Tested on Windows and Linux.

I'm not sure if this is really a bug, but no such problem occurs in MSIE or
Safari; they resize the input control accordingly.

Reproducible: Always
Steps to Reproduce:
Give a small height style to an input control. (See the example URL.)
Actual Results:  
The text inside is cropped.

Expected Results:  
The input control should be at least as tall as the height of the text inside,
preventing cropping of text.

Comment 1

[Paul van Schayck]

I would say this behaviour is wanted.

It's the responsibility of the author. And putting an auto-resize on form
elements gives a limitation. Some people might need this behaviour.

Comment 2

[Seungbeom Kim]

The author cannot always deal with this, especially if the user has specified a
"minimum font size" for his/her browser.

I wonder whether the CSS standard says anything about this.

Comment 3

[Mats Palmgren (inactive)]

This is the desired rendering per the CSS 2.1 specification.
http://www.w3.org/TR/CSS21/visudet.html#propdef-height
(Please observe that 'height' does not apply to non-replace inline elements
like <span>, this is a known bug in IE/win32 that it doesn't ignore it for
these elements).
It does apply to replaced elements like <input> though and in this case it
should crop the text.

Maybe the 'min-height' property is what you are looking for?
http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height

-> INVALID