Re: Make form elements behave consistently

Hi Quassy and welcome to www-style!

Frustrations with form elements are not uncommon, whether with styling or other issues.

However, what really helps is if you can provide specific test cases / examples of what specific issues you're running into in the form of a web page with a URL. 

The style rules you provide are a good start. If you can provide a complete document at a URL with those rules and with respective elements that describe what you mean, that would help make sure we're talking about the same thing.

Go ahead and share that URL here and there's plenty of folks here that will be more than happy to take a look to see if this is a problem we can solve in CSS.

Thanks,

Tantek
 
-----Original Message-----
From: Quassy <quassy7@googlemail.com>
Date: Tue, 27 Dec 2011 22:58:47 
To: <www-style@w3.org>
Subject: Make form elements behave consistently

textarea and (text-)input behave differently from all other elements -
they shouldn't!

* In most browsers their font-size is larger than their parents (is
this even a CSS matter or a browser-specific bug?)

* While overflow applies to them, they have a fixed (read constant)
size forced upon them. textarea and input should be have no different
to divs, so CSS3 should allow declarations like
textarea {height:auto;max-height:40em;}
input {min-width:10em;width:auto;max-width:60em;}
to have textarea and input scale dynamically with its' contents.
Browser styles shall still default to fixed height and width to not
break old code.

* While (apparently) all other elements default to
box-sizing:content-box, most browsers default textarea and input to
box-sizing:border-box

(This is my first contribution to this list, so feel free to inform me
if I infringed any codes of conduct of this list ;-).)

Received on Wednesday, 28 December 2011 18:52:58 UTC