Table overflow on mobile

[Underleaf]

Viewing tables on phone is bleeding beyond the borders. Not sure if anything can be done about it.

 

I'm on a Samsung Galaxy, if that matters.

 

[Eric]

If the post author makes the width of the table bigger than the screen can handle, it will overflow. Setting table width to a percentage of post width is the right way to go if the content supports it, but that can cause columns to become too narrow. This is, unfortunately, a limitation of how HTML tables work per the specification.

 

@Underleaf Try using "width: 100%; max-width: 1000px;" in the table style.

[Underleaf]

29 minutes ago, Eric said:

If the post author makes the width of the table bigger than the screen can handle, it will overflow. Setting table width to a percentage of post width is the right way to go if the content supports it, but that can cause columns to become too narrow. This is, unfortunately, a limitation of how HTML tables work per the specification.

 

@Underleaf Try using "width: 100%; max-width: 1000px;" in the table style.

Will do!  Thanks!

[Underleaf]

Well, I tried to go in to edit, but it removed the table.  I was able to cancel the edit, which reverted the post to its original format.

(Using Chrome on my laptop)

[Eric]

Weird. I copy-pasted the entire fieldset and that worked, but just the table inside the fieldset did not. So I suspect it's something about the allowed content inside the fieldset, which we can fix.