[csswg-drafts] [css-ui] Specify treatment of border-box padding for text input elements

boazsender has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] Specify treatment of border-box padding for text input elements ==
@alijuma, @hexcles and I are working to squash an old compatibility issue over on https://github.com/whatwg/compat/issues/81 where firefox clips input text and chrome, safari and edge don't. 

Section 3.1 of css-ui comes close to specifying this behavior but does not (thanks for pointing that out @alijuma): https://drafts.csswg.org/css-ui-3/#valdef-box-sizing-border-box

What do we think of adding language to this section to specify border-box text/padding interaction. Per our conversation on the other issue, I would suggest that the correct behavior is not to clip the text when the input `height` minus the input `padding` minus the input `border` is smaller than the height of the text. In other words, when the padding is too large, ignore it, or paint it behind the text.

Here's what the compat issue looks like: 
![ff-chrome-txt-height](https://user-images.githubusercontent.com/122117/29188784-480ea6b4-7de2-11e7-9e95-454d41d1569e.png)


CC @dbaron, @bzbarsky, @tabatkins, @frivoal

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1717 using your GitHub account

Received on Thursday, 10 August 2017 20:36:55 UTC