filamentgroup / tablesaw

A group of plugins for responsive tables.
MIT License
5.48k stars 434 forks source link

Tablesaw stack does not work on Safari #351

Closed bckp1993 closed 5 years ago

bckp1993 commented 6 years ago

Hi all,

The table does not stack properly when viewing on Safari/iOS Safari, however it works on Chrome, Firefox and IE. Is this a bug? I have tried the latest version of tablesaw but the problem still exists.

Image taken on Chrome/Firefox/IE: img1

Image taken on Safari/iOS Safari: img2

Please help.

Thanks.

bckp1993 commented 6 years ago

It is caused by not declaring <!DOCTYPE html> in html page. I have no idea why Safari/iOS Safari requires doctype for this feature.

zachleat commented 5 years ago

Ah, thank you for updating! Tablesaw requires Standards rendering mode, which is triggered by <!DOCTYPE html>.

Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode