classlesscss
classlesscss copied to clipboard
table isn't a display: block element
switches table back to display: table
Found this while debugging fullcalendar on a site, which uses tables extensively but broke with classless css.
Hmm, causes by additional css which changes the table. Normally, when there is no reset of table, this should not necessary. Can you show the buggy example/page?
All 3 using the default fullcalendar setup:
- Default styles without classless-css: https://jsfiddle.net/7hL8jvgq/1/. fullcalendar only comes with some inline styles. This works.
- Including classless-tiny immediately breaks the layout: https://jsfiddle.net/tuka8bps/1/
- Setting
display: table !importantfixes it: https://jsfiddle.net/qu84msc0/1/
I think this is a valid point. If the table is inside a figure, I switch anyway back to display: table. I am not sure if the margins and overflow settings might be a problem. But I think I will remove table from block settings in the next update.
Thanks for the fix.