search

tailwindlabs / discuss

A place to ask questions, get help, or share what you've built with Tailwind CSS.
MIT License
171 stars 9 forks source link

Horizontal scrolling doesn't work on responsive table UI Tailwind on iOS #384

Closed mtzrmzia closed 4 years ago

mtzrmzia commented 4 years ago

I'm using the responsive tables with horizontal scrolling that Adam created inside another layout he created Inbox UI and this is the final result . it's seems works fine in the Tailwind.run app, even in local browser with the responsive tool : desktop

but when i tested on an iPhone 7 and other iOS devices (Safari, Chrome, Firefox) the horizontal scroll doesn't work : iphone i still dont know why is the problem.

exSnake commented 4 years ago

It's an old post but i was struggling with this and found a solution, i had the same problem, in desktop and browser mobile view, everything was working fine, but in the iphone even in safari and chrome the table came out of the container, but the solution was much simpler than i thought

Just wrap the table in 

<div class="overflow-auto">
    <table></table>
</div>
mtzrmzia commented 4 years ago

I was having the same issue and after looking for the solution I found it (I guess): here's my example I really hope it works for you