Forum UI issue with large HTML tables

Bug Reports
1

Platform: web, mobile

What happened: Sufficiently large HTML tables are partially displayed. A css issue. Not the case with markdown tables

What I expected: overflow-x to be scroll/auto

Steps to reproduce: Make a large enough table

Table:

Click to open HTML table
Format Markdown BBCode HTML Rendered Result
Audio ❌ ❌ <audio src="audio.mp3" controls></audio> See Here
Blockquote > Text 🔒 <blockquote>Text</blockquote> Text
Bold **Text** [b]Text[/b] <b>Text</b>, <strong>Text</strong> Text
Checklist [] [X] ❌ 🔒 [ ] [x]
Date/Time ❌ See Here 🔒 [date=2025-05-22 timezone="America/New_York"]
Emoji :EmojiName: ❌ Emoji directly 😄
Heading 1 # Text ❌ <h1>Text</h1> Text
Hide Details ❌ [details] <details>
Displayed TextHidden Text
Hidden Text ❌ ❌ [comment], <!-- Text --> See Here
Highlight 🔒 ❌ <mark>Text</mark> Text
Horizontal Rule --- ❌ <hr> ✖️
Image ![ImageName | LengthxWidth, Scale%](example.com) [img]example.com[/img] <img src="https://example.com" alt="ImageName" width="200" height="100"> Rick Astley GIF
Italics *Text* [i]Text[/i] <i>Text</i>, <em>Text</em> Text
Keybind ❌ ❌ <kbd>Key</kbd> Ctrl
Large Text Size ❌ ❌ <small>Text <small>Text</small></small> Text Text
Line Break Natively supported ❌ <br> Text
Text Text
Text
Link [Display Text](example.com) [url]http://example.com[/url] <a href="https://example.com">Display Text</a> Display Text
List * , 1. ❌ 🔒 ✖️
Marked Delete ❌ ❌ <del>Text</del> Text
Marked Insert ❌ ❌ <ins>Text</ins> Text
Mentions @username ❌ ❌ @ioi
Preformatted Text/Code `Text` [code]Text[/code] <code>Text</code>, <pre>Text</pre> Text
Quote ❌ [quote="username, post: PostNumber, topic: TopicNumber, full=true/false"] Quoted Text [/quote] ❌ See Here
Small Text Size ❌ ❌ <big>Text</big> Text
Strikethrough ~~Text~~ [s]Text[/s] <s>Text</s> Text
Structuring/Grouping Natively supported ❌ <div> ✖️
Superscript 🔒 ❌ Text<sup>Text</sup> Text Text
Subscript 🔒 ❌ Text<sub>Text</sub> Tex tText
Tables See Here ❌ See Here ✖️
Underline 🔒 [u]Text[/u] ❌ Text
Video https://www.youtube.com/.... ❌ <video src="video.mp4" controls></video> ✖️
Click to open markdown table
Format Markdown BBCode HTML Rendered Result
Audio :cross_mark: :cross_mark: <audio src="audio.mp3" controls></audio> See Here
Blockquote > Text :locked: <blockquote>Text</blockquote> Text
Bold **Text** [b]Text[/b] <b>Text</b>, <strong>Text</strong> Text
Checklist [] [X] :cross_mark: :locked:
Date/Time :cross_mark: See Here :locked: 2025-05-22T04:00:00Z
Emoji :EmojiName: :cross_mark: Emoji directly :smile:
Heading 1 # Text :cross_mark: <h1>Text</h1> Text
Hide Details :cross_mark: [details] <details>
Displayed TextHidden Text
Hidden Text :cross_mark: :cross_mark: [comment], <!-- Text --> See Here
Highlight :locked: :cross_mark: <mark>Text</mark> Text
Horizontal Rule --- :cross_mark: <hr> :multiply:
Image ![ImageName | LengthxWidth, Scale%](example.com) [img]example.com[/img] <img src="https://example.com" alt="ImageName" width="200" height="100"> Rick Astley GIF
Italics *Text* [i]Text[/i] <i>Text</i>, <em>Text</em> Text
Keybind :cross_mark: :cross_mark: <kbd>Key</kbd> Ctrl
Large Text Size :cross_mark: :cross_mark: <small>Text <small>Text</small></small> Text Text
Line Break Natively supported :cross_mark: <br> Text
Text Text
Text
Link [Display Text](example.com) [url]http://example.com[/url] <a href="https://example.com">Display Text</a> Display Text
List * , 1. :cross_mark: :locked: :multiply:
Marked Delete :cross_mark: :cross_mark: <del>Text</del> Text
Marked Insert :cross_mark: :cross_mark: <ins>Text</ins> Text
Mentions @username :cross_mark: :cross_mark: @ioi
Preformatted Text/Code `Text` [code]Text[/code] <code>Text</code>, <pre>Text</pre> Text
Quote :cross_mark: [quote="username, post: PostNumber, topic: TopicNumber, full=true/false"] Quoted Text [/quote] :cross_mark: See Here
Small Text Size :cross_mark: :cross_mark: <big>Text</big> Text
Strikethrough ~~Text~~ [s]Text[/s] <s>Text</s> Text
Structuring/Grouping Natively supported :cross_mark: <div> :multiply:
Superscript :locked: :cross_mark: Text<sup>Text</sup> Text Text
Subscript :locked: :cross_mark: Text<sub>Text</sub> Tex tText
Tables See Here :cross_mark: See Here :multiply:
Underline :locked: [u]Text[/u] :cross_mark: Text
Video https://www.youtube.com/.... :cross_mark: <video src="video.mp4" controls></video> :multiply:
‎ ‎ ‎

Can confirm its not the <div align=center> or hiding the table under <details>

3 Likes