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.

Scrolling issue in Firefox

See original GitHub issue

There are 2 bugs with scrolling in Firefox.

  1. When using VirtualDOM if the tabulator has a height of at least 400px you can’t scroll to the end of it in Firefox. See the following screenshot:

tabulator1

I don’t know if it has to be exactly 400px or something else on your computer, please test with various heights. In any Chromium based browser it works fine.

  1. If you turn off the VirtualDom rendering, there is no scrollbar at all:

tabulator2

But if you add these CSS rules to the “tabulator-table” class:

  height: 475px; /* This is the whole height minus the header */
  width: 100%;
  overflow: auto; /* It was set to visible */

Then the scrollbar is back.

Test environment: i5-4690, 8 GB RAM, Radeon R9 280, Windows 7 x64 (up-to-date), all drivers are up-to-date, Firefox 67.0.2 x64. Tested with a clean Firefox profile too.

Tabulator version: 4.2.7

Test fiddle

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
tentuscommented, Jun 13, 2019

Probably related to https://github.com/olifolkerd/tabulator/issues/2037 or https://github.com/olifolkerd/tabulator/issues/2117

If you add table.redraw() at the end of your fiddle and remove the two virtualDom configs it’ll probably work as expected.

0reactions
tentuscommented, Oct 1, 2019

@olifolkerd I went looking for places I suggested this so I could retract it, for the sake of future users looking for help, but the only place I could find was https://github.com/olifolkerd/tabulator/issues/2117, is there another place that you’re aware of that I had suggested it? My personal opinion even prior to your comment that it was the kind of thing that should only be tampered with in unusual cornercases.

I did mention it in https://github.com/olifolkerd/tabulator/issues/2146 and https://github.com/olifolkerd/tabulator/issues/2375, but in those cases I was suggesting removing it and the value was unreasonably small, respectively, so it seems unlikely they were what you are referencing.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Firefox Scroll bug - Mozilla Support
Options> General> Browsing> Uncheck Smooth Scrolling. You're welcome!
Read more >
Scrolling Not Working in Firefox No Arrows Appear
In Firefox, click the menu button and choose Options. · Select the General panel. · Under Performance, deselect Use recommended performance ...
Read more >
How to enable smooth scrolling in Firefox - ZDNET
You can click on the Firefox Menu and then select Add-ons and themes. In the resulting window (Figure 1), type "Yet another smooth...
Read more >
How to Fix Mouse Wheel Scrolling Sensitivity in Latest Version ...
Newer versions of Firefox, especially versions 83.0 and above, have a new implementation of smooth scrolling that has increased mouse wheel scrolling ......
Read more >
Mouse scroll not working in Firefox - WordPress.org
Mouse scroll not working in Firefox · clear your browser's cache / history, · try to switch to another browser, · make sure...
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