Webkit bug toggling between display:table-cell and

问题:

http://jsfiddle.net/YHJrV/2/

Can any CSS gurus figure out why webkit has issues toggling between display:table-cell and inline block when triggered with a media query?

In webkit, drag the vertical divider left/right to trigger the media query and watch the list behavior act goofy.

Is this a bug? TIA

回答1:

It's a known bug in webkit.

回答2:

Hopefully this helps someone, but thanks to the ever so generous @snookca, the solution was to apply display:table-row to the UL. Bada-bing!

回答3:

I had this problem with display:table-row toggling to display:block. I also had a container div with display:table. To fix that I set the container div to display:block.