Bootstrap: Horizontal Scrollbar + Responsive Table + Microsoft Edge

Created on 27 Jun 2017  路  9Comments  路  Source: twbs/bootstrap

Horizontal scrollbar does not move on responsive table (<table class="table table-responsive">) on Microsoft Edge.
It works (Both v3.3.7 & v4.0.0-alpha.6) on IE11(11.0.43 KB4021558) , FireFox 54.0, Chrome 59.0.3071.115
I am using Windows 10 x64 (1703 build 15063.413) + Edge 40.15063.0.0 (EdgeHTML 15.15063)

browser bug docs v4

Most helpful comment

Looks like a strange Edge bug. Confirmed.

edge-overflow-scroll-bug

Removing the -ms-overflow-style: -ms-autohiding-scrollbar directive from .table-responsive fixes this, but obviously that leaves the scrollbar visible.

All 9 comments

Bug reports must include a live demo of the problem. Per the contributing guidelines, please create a reduced test case via JS Bin or CodePen and report back with your link, Bootstrap version, and specific browser and OS details.

You can try/test/watch the official samples of official Bootstarp websites:

Looks like a strange Edge bug. Confirmed.

edge-overflow-scroll-bug

Removing the -ms-overflow-style: -ms-autohiding-scrollbar directive from .table-responsive fixes this, but obviously that leaves the scrollbar visible.

/cc @patrickkettner

This isn't replicating in Edge 16, and while I haven't finished reducing this it does only seem to replicate in Edge 15 (havent checked earlier versions), and seems to be limited to the docs page itself, rather than the same table with bootstrap

I have created a test page on JS Bin (Here).
It seems every things are well on MS Edge 15.
Thanks to your attentions.
So, I am waiting to debugged version of B.S. docs.

So can this be closed if Edge 16 is fine?

the underlying issue that is causing the problem would be great to figure out, especially since it will be a while before most are upgraded to that version.

Since fixed in #28153, closing this.

Was this page helpful?
0 / 5 - 0 ratings