- From: Christian Biesinger <cbiesinger@google.com>
- Date: Thu, 20 Nov 2014 21:41:25 -0500
- To: www-style list <www-style@w3.org>
- Message-ID: <CAPTJ0XEuhV-yUJpjAVWtNQR3xL_yiBWSYUuqOHvr0GBNZKHX3g@mail.gmail.com>
Hi there, this may or may not be appropriate for this mailing list, but since I'm starting out with a CSS question I'll start here. According to http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align: "The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." Now, a <select> element behaves a lot like an inline-block element, and UA default stylesheets make it one, though I guess it's technically a replaced element. Still, my question here is, what should be the baseline for a <select> that has a style of overflow: hidden as seen on http://panasonic.asia/in/airconditioner/EnergySavingCalculator.html (the select next to SELECT YOUR HOME TYPE) Simplified testcase at http://jsbin.com/qosewufema/1/ IE and Firefox calculate the baseline ignoring the overflow: hidden. Blink currently notices the overflow: hidden and calculates the baseline as the bottom of the margin edge. Who is right? -christian
Received on Friday, 21 November 2014 02:41:52 UTC