question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Horizontal Scrollbar + Responsive Table + Microsoft Edge

See original GitHub issue

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)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
patrickhlaukecommented, Jun 27, 2017

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.

1reaction
patrickkettnercommented, Jun 28, 2017

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

horizontal scroll bar in table for making it responsive
I am trying to make a product compare page, as you can see in image, for that all the data is in table,...
Read more >
Horizontal scrollbar in Edge Dev - Microsoft Community Hub
in Edge Dev, I have noticed that the horizontal scrollbar (when required) covers the last line of text making it unreadable.
Read more >
Changing Screen Width Makes Horizontal Scroll Bar Disappear
The Bootstrap responsive div wraps it in a scrolling element which conflicts quite badly with the resizing of the DataTable. Allan. mat.miranda@ ...
Read more >
How To Create Horizontal Scrolling Containers - codeburst
There are two different ways to make these divs scroll horizontally and which ... Microsoft says they will likely include it in a...
Read more >
How to Create Horizontal Scrolling Using Display:Table-Cell
You try making a responsive image grid with the table-cell property. Go ahead, I'll wait. Simply put, table cells are designed to form...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found