W3C home > Mailing lists > Public > whatwg@whatwg.org > November 2013

Re: [whatwg] Alignment of empty buttons

From: Ian Hickson <ian@hixie.ch>
Date: Fri, 22 Nov 2013 23:00:35 +0000 (UTC)
To: Boris Zbarsky <bzbarsky@MIT.EDU>
Message-ID: <alpine.DEB.2.00.1311222245340.27766@ps20323.dreamhostps.com>
Cc: whatwg@lists.whatwg.org
On Thu, 5 Sep 2013, Boris Zbarsky wrote:
> On 9/5/13 4:47 PM, Ian Hickson wrote:
> > In what sense?
> 
> In the sense that if its computed display is "block" but its layout 
> behavior is not that of a non-replaced block (CSS 2.1 section 10.3.3 and 
> so forth), then it's clearly a replaced element with layout behavior 
> defined by something other than CSS.

Hm, it's true that <button>s do seem exceedingly eager to remain 
inline-block-esque even when set to more block-like display types.


> > The definition of "replaced element" here:
> > 
> >     http://www.w3.org/TR/CSS2/conform.html#replaced-element
> > 
> > ...doesn't seem to apply to <button>. The rendering of <button> is 
> > very much in CSS' scope, no?
> 
> Sure doesn't seem to be, since no UA actually renders <button 
> style="display: block"> the way a CSS block renders; they do something 
> totally different which is presumably covered by some other spec (e.g. 
> HTML).

The definition above talks only about the contents of the element, not 
the element itself, except that the element may have intrinsic dimensions. 
In the case of <button>, the contents are very much rendered by CSS. It's 
the element itself that defies CSS rules.

So it's something, but not a replaced element.

It does respond to 'display', just not as you'd expect. For example, 
setting it to display:table doesn't make it a table on the inside:

   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2650

Setting it to 'table-row' doesn't make it a row on the outside:

   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2651

Setting it to 'display:block' does seem to make a difference, though:

   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2652

Browsers (I mainly tested Gecko and WebKit) are remarkably interoperable 
around this.

I've filed a bug to track this:

   https://www.w3.org/Bugs/Public/show_bug.cgi?id=23893

If anyone has any suggestions on how to spec this, I'm eager to here 
them.

-- 
Ian Hickson               U+1047E                )\._.,--....,'``.    fL
http://ln.hixie.ch/       U+263A                /,   _.. \   _\  ;`._ ,.
Things that are impossible just take longer.   `._.-(,_..'--(,_..'`-.;.'
Received on Friday, 22 November 2013 23:01:01 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 17:00:14 UTC