html - display flex doesn't work on summary tags in Chrome? -


i have display: flex on <summary> tag child <p> elements. should arrange them in row, right? , does, in firefox. not on chrome (43.0.2357.81). me?

http://jsfiddle.net/laggingreflex/5e83uqf9/

summary {    display: flex;    flex-flow: row wrap;  }  summary h3 {    display: block;    flex: 1 100%;  }
<summary>    <h3>heading</h3>    <p>1</p>    <p>2</p>    <p>3</p>  </summary>

the summary element not structural tag, has own display properties. meant toggled visibility box details tag.

according both mdn , caniuse, chrome has implemented summary tag, while firefox has not. un-implemented tag type, default behavior of major browsers draw element generic block-level element. in firefox, then, using summary tag same using div tag. in chrome; however, may rendered replaced element, mean (among other things) cannot override display type.

edit: summary tag implemented in firefox well, of version 49.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -