P3
As with my previous bug, this bug relates to the discussion on my website at http://jonathangiles.net/blog/?p=451
It is highly recommended you read the discussion for all the relevant information, including feedback from both Richard Bair and Jasper Potts.
In summary, the border width of a TextBox component is too thick by default. I propose that it should in fact be 1-pixel thick, rather than the default 2-pixel thickness.
In addition, the use of border-width is a little confusing when using CSS - to get a 1-pixel width border, you must set the border-width to 0. Therefore, to have no border, you must set the border-width to -1. This is not intuitive, especially to people (designers) who come from the world of CSS. Once again, read the comments on that blog post for more discussion.
Finally, when comparing the amount of whitespace in the current TextBox (screenshot on my blog), compared to the mockup made by Jasper Potts at [1], it seems like the TextBox is too big.
[1] http://fxexperience.com/wp-content/uploads/2009/06/controls1.png
Cheers,
Jonathan Giles
It is highly recommended you read the discussion for all the relevant information, including feedback from both Richard Bair and Jasper Potts.
In summary, the border width of a TextBox component is too thick by default. I propose that it should in fact be 1-pixel thick, rather than the default 2-pixel thickness.
In addition, the use of border-width is a little confusing when using CSS - to get a 1-pixel width border, you must set the border-width to 0. Therefore, to have no border, you must set the border-width to -1. This is not intuitive, especially to people (designers) who come from the world of CSS. Once again, read the comments on that blog post for more discussion.
Finally, when comparing the amount of whitespace in the current TextBox (screenshot on my blog), compared to the mockup made by Jasper Potts at [1], it seems like the TextBox is too big.
[1] http://fxexperience.com/wp-content/uploads/2009/06/controls1.png
Cheers,
Jonathan Giles
