Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabulator Midnight theme - row highlighting misbehaves during scroll #3278

Closed
NbrTDB opened this issue Apr 16, 2021 · 2 comments
Closed

Tabulator Midnight theme - row highlighting misbehaves during scroll #3278

NbrTDB opened this issue Apr 16, 2021 · 2 comments
Labels
Possible Bug A possible bug that needs investigation

Comments

@NbrTDB
Copy link

NbrTDB commented Apr 16, 2021

Describe the bug
When using the Tabulator Midnight theme, the even-odd row highlighting shifts while scrolling the table (this does not appear to happen on the default Tabulator theme). Shown below are two screenshots taken between scrolls; you can see how the even/odd rows have swapped background colouration.

While scrolling this also makes the table look weird (it looks like somethings wrong/it's not scrolling smoothly as the row colouration appears to "hang" or "wobble" in place instead of scrolling with the text).

It can take a bit of scrolling for the issue to occur; in the JSFiddle I have provided, it begins to happen around the 30th row.

Tabulator Info
Latest version 4.9.3

Working Example
https://jsfiddle.net/u910ed2L/6/

To Reproduce
A step by step guide to recreate the issue in your JS Fiddle or Codepen:

  1. Scroll down the table; around the 30th row, the row backgrounds start to oscillate/change while scrolling

Expected behavior
Same behaviour as normal Tabulator theme (i.e. even/odd rows always retain their assigned background colour).

Screenshots
image
image

Desktop (please complete the following information):

  • OS: Windows 10 20H2
  • Browser: Chrome 89.0.4389.114 (also occurs on NW.js, v0.50.1)
@NbrTDB NbrTDB added the Possible Bug A possible bug that needs investigation label Apr 16, 2021
@NbrTDB
Copy link
Author

NbrTDB commented Jun 1, 2021

I'm wondering if this is just a CSS issue, really. As a workaround, using the default theme and overriding certain classes to get the same kind of midnight-theme appearance seems to work perfectly well and there are no problems with rows swapping background colour on scroll.

@olifolkerd
Copy link
Owner

Hey @NbrTDB

This no longer appears to be an issue in the 5.x releases

Cheers

Oli :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Possible Bug A possible bug that needs investigation
Projects
None yet
Development

No branches or pull requests

2 participants