Subject: Critical UI Bug: Markdown Tables Unusable on Mobile Web (Scroll Snapping & Rendering Artifacts)
Description:
I am reporting a consistent UI bug when viewing markdown tables generated in Google AI Studio on a mobile browser. The tables are practically unreadable due to scrolling and rendering glitches.
Environment:
Device: Android Smartphone [DIGITE O MODELO DO SEU CELULAR AQUI. Ex: Samsung S23, Xiaomi Note 12, etc.]
Browser: Chrome Mobile
Interface: AI Studio Web (Mobile View)
Steps to Reproduce:
Open AI Studio on an Android device via Chrome.
Prompt the model to generate a table with multiple columns (wide enough to require horizontal scrolling).
Attempt to scroll the table horizontally (swipe right) to see the hidden columns.
Observed Behavior:
Snap-back loop: When dragging the table to the right, it aggressively “snaps back” to the first column automatically before I release my finger or immediately after.
Rendering Chaos: The text layout breaks during the scroll attempt. The header row aligns differently from the body rows, causing text overlap and visual artifacts (as seen in the attached screenshots).
Usability: It is impossible to read columns D, E, or F.
Expected Behavior:
The table container should have a smooth horizontal scroll (overflow-x: scroll) independent of the page scroll, allowing the user to view all columns without snapping back or breaking the CSS layout.