FadeIn is not working while fading in "details" element with HTML content

[zygimantas@…]

Demonstration is here: ​http://jsbin.com/okosa3/2

[anonymous]

Even more simplified example: ​http://jsbin.com/okosa3/4

[zygimantas@…]

Details in inline element in HTML5. Maybe it is expected result. Please delete the ticket in this case.

[timmywil]

The spec for the details tag has changed fairly recently and will soon be implemented as a dropdown widget in all browsers supporting HTML5.

[Rick Waldron]

I'm getting the correct, expected behaviour - which browser are you having issues in (just for record)?

[zygimantas@…]

Replying to rwaldron:

I'm getting the correct, expected behaviour - which browser are you having issues in (just for record)?

I have been seeing this behavior in Safari 5.0.5 and Firefox 4. I have found, that these browsers understand "details" element as inline (according to specs, it should be display:block). After adding details{display:block} to CSS, the problem is solved.

As I understand, it is not jQuery problems, it is browsers' fault they think new HTML5 elements are inline.

[ajpiano]

Yeah, a big part of Using HTML5 Now is to make sure to set new elements to be block in your css reset or whatnot.

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}