W3C home > Mailing lists > Public > www-style@w3.org > April 2010

Re: Thoughts on implementing the HTML5 <details> element with pure CSS

From: Brad Kemper <brad.kemper@gmail.com>
Date: Wed, 7 Apr 2010 07:07:03 -0700
Cc: "Maciej Stachowiak" <mjs@apple.com>, "www-style CSS" <www-style@w3.org>
Message-Id: <2B351602-40A6-4116-B275-F0E5887FA5C6@gmail.com>
To: "Andrew Fedoniouk" <news@terrainformatica.com>

On Apr 7, 2010, at 12:16 AM, Andrew Fedoniouk wrote:

> Below is "pure" CSS solution of such expanding/collapsing element.
> CSS should have following features in order it to work :
> 
> 1) behavior: checkbox;  - this declares the DOM element to behave as
>      checkbox - click on the element simply switches :checked state on and off
>      on that element.

During the face-to-face, I learned from Anne (assuming I understood correctly, which is sometimes a leap of faith) that a feature of HTML5 is that the attribute values are live, so you can have a selector like this: input[type=checkbox][checked], and it would only apply when the checkbox was checked, and not just looking at its checked state during load time. I'm not sure if any UAs do this now. But, I think it means you can do this for the 'details' element:

details[open] { /* only applies when the details box is open */ }

Received on Wednesday, 7 April 2010 14:07:41 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:26 GMT