Hi guys,
I‘ve noticed an issue with the new preview on my iPhone: I can’t scroll up and down (vertically) inside posts with long tables. Just in the horizontal direction. Could someone have a closer look at this, pls?
Thanks!
AI-generated summary
A user, terraboss, reported an issue with scrolling vertically in long tables on Mobile Safari in the Discourse composer preview. The only direction to scroll was left and right. pmusaraj requested an example link and clarification on “long tables”. terraboss explained that it refers to oversized Markdown tables that are too long to fit on the screen.
awesomerobot was able to reproduce the issue and suspected that overflow-y: auto on the table was preventing the preview from scrolling. After further investigation, awesomerobot discovered that an iOS bug was causing the issue and found a fix by adding -webkit-overflow-scrolling: touch;. The fix has been committed to the Discourse GitHub repository.
terraboss thanked awesomerobot for the fix and noted that Webkit often covers up edge cases in mobile Safari. awesomerobot agreed and mentioned that mobile Safari requires more one-off fixes than other browsers.
Can you provide an example link for this? I’m not quite sure what “long tables” are either, please explain.
Oversized Markdown tables that are so long, with more rows than space on screen. It’s impossible to find an area to touch and scroll down. The only direction to scroll is left and right
I can reproduce this in iOS, for some reason overflow-y: auto on the table seems to be preventing the preview from scrolling? trying to figure out a fix
Seems like an iOS bug, after some searching it seems that -webkit-overflow-scrolling: touch; fixes it for some reason…
https://github.com/discourse/discourse/commit/9cb656250d5e9ae179f32dc438b17f5a2a0ac4c9
Thank you so much, Kris!
It seems Webkit is covering up a lot of curious edge cases at mobile Safari. It will be interesting what’s happening next with Apple’s new iPad OS (13).
Wish you a nice weekend!
Yeah, IE11 aside we likely have more one-off fixes for mobile Safari than Firefox/Chrome/Edge combined 