# Horizontal scroll bar for wide tables visible in Mobile?

**URL:** <https://meta.discourse.org/t/horizontal-scroll-bar-for-wide-tables-visible-in-mobile/94879>\
**Category:** UX\
**Created:** [August 16, 2018, 2:45pm UTC](https://meta.discourse.org/t/horizontal-scroll-bar-for-wide-tables-visible-in-mobile/94879 "2018-08-16T14:45:57Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [August 20, 2018, 11:02pm UTC](https://meta.discourse.org/t/horizontal-scroll-bar-for-wide-tables-visible-in-mobile/94879/4 "2018-08-20T23:02:01Z")

</div>

This is a good example of where the auto-hidden scrollbars on mobile/touch browsers aren’t great…

Discourse only officially supports Chrome & Safari on mobile, which means we can style our own scrollbar using CSS like `::-webkit-scrollbar` ([support](https://caniuse.com/#search=scrollbar)). Mobile Firefox users would see no change.

I think what I would prefer to do, which would support all mobile browsers, is to add a fade to the right of the table once it gets wider than the content of the post. Then at least there’s a hint to see more even if there’s no explicit scrollbar.

 ![08%20PM](https://global.discourse-cdn.com/meta/original/3X/8/2/82713571dbd947f16ae1bd22b7290378b917a968.png)

The problem with that is that currently we `overflow: hidden` anything within `.cooked` as a bit of a safety so post content can’t break the page layout… so we can’t style overflowed content when there’s no visible overflow.

We _might_ not need to `overflow: hidden` post content anymore? I’ll take a closer look and see if it’s sane to remove it, and if not I can add a visible scrollbar for webkit on mobile.

---

_[View the full topic](https://meta.discourse.org/t/horizontal-scroll-bar-for-wide-tables-visible-in-mobile/94879)._