classlesscss icon indicating copy to clipboard operation
classlesscss copied to clipboard

table isn't a display: block element

Open captn3m0 opened this issue 1 year ago • 2 comments

switches table back to display: table

Found this while debugging fullcalendar on a site, which uses tables extensively but broke with classless css.

captn3m0 avatar Jul 11 '24 14:07 captn3m0

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?

basteyy avatar Jul 13 '24 08:07 basteyy

All 3 using the default fullcalendar setup:

  1. Default styles without classless-css: https://jsfiddle.net/7hL8jvgq/1/. fullcalendar only comes with some inline styles. This works.
  2. Including classless-tiny immediately breaks the layout: https://jsfiddle.net/tuka8bps/1/
  3. Setting display: table !important fixes it: https://jsfiddle.net/qu84msc0/1/

captn3m0 avatar Jul 13 '24 13:07 captn3m0

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.

emareg avatar Aug 30 '24 09:08 emareg

Thanks for the fix.

captn3m0 avatar Aug 31 '24 02:08 captn3m0