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 header scrolling broken with `autoHeight=true`

See original GitHub issue

Issue Description

When the option autoHeight=true is set headers do not scroll horizontally when the grid content is scrolled via the scrollbars.

This can be seen in example 11 - No vertical scrolling (autoHeight). Here’s a GIF showing the behaviour (note I edited the CSS to shorten the height):

slick

Scrolling via the mousewheel does work (because that doesn’t call handleScroll()). In the GIF you can see the headers snap to the correct position when scrolling vertically.

This appears to be caused by the fix to #674, which assumes no scroll handling is required when autoHeight=true.

The fix for #674 should be reverted and the following change made in _handleScroll() instead:

- if (vScrollDist) {
+ if (vScrollDist && !options.autoHeight) {

This solves this issue and #674 remains fixed as well.

Issue Analytics

  • State:closed
  • Created 2 months ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
6paccommented, Nov 9, 2022

eeep. I clearly didn’t think of that use case when I made the patch! Thanks @timclutton will apply your fix as suggested. @ghiscoding I belive this will fix the original issue correctly.

1reaction
6paccommented, Nov 28, 2022

@timclutton There is a new repo https://github.com/6pac/Slickgrid-2.x that will be maintained for a while for those who aren’t ready to do the whole update of the background files. I’ll apply ongoing non-3.0 related fixes there for as long as it’s not too difficult.

Read more comments on GitHub >

github_iconTop Results From Across the Web

jQuery UI accordion with autoHeight=true has unnecessary ...
I am having trouble with jQuery accordion. When I create a content pane where the non-default pane has more content than default pane,...
Read more >
Horizontal scroll issues with header - HTML & CSS - SitePoint
This is my first time designing a website, and I am having trouble getting my headerMenu to scroll horizontally with the rest of...
Read more >
Table header and content are misaligned when using scroll.y ...
Header and Content columns are misaligned and don't have the same width. On the example page it seems to work without a problem...
Read more >
[CLOSED] Scrollbar with auto size is not working [Archive]
Hi, The horizontal scrollbar will only appear if the combined width of the Columns is greater than the width of the GridPanel. Also...
Read more >
Scroll Control of Guides, Configuring Components Webix Docs
First, Webix components are supplied with vertical and horizontal scrollbars, that can be shown and hidden with the help of the related API;;...
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