Handsontable: Clicking on cell in scroll-able region scrolls to top

[lewisjb]

Description

If you have a HT in a div with overflow-y set to scroll, and you click on a cell, it scrolls to the top of the div.

Steps to reproduce

1. Open JSFiddle
2. Scroll down to see the table
3. Click on a cell in 2nd or 3rd row

Demo

http://jsfiddle.net/swLs6m4m/1/

Your environment

• Handsontable version: 35.0
• Browser Name and version: Chrome 62 and Firefox Quantum 57
• Operating System: Ubuntu 17.02 and Windows 10

[AMBudnik]

Thank you for sharing @lewisjb

I have replicated this odd behavior.

[lewisjb]

What does the removal of the 'priority' tag mean for this ticket?

[AMBudnik]

Hi @lewisjb

we have decided that only a developer after bug review can add a priority label. That's how we will be able to pick the issues that haven't been checked yet.

I am also doing a bigger issue check on all our issues on Github. Some of them may have been already fixed or the behavior has changed.

[CoArrow]

I have the same issue, and I am using pro edition.

[AMBudnik]

Hi @CoArrow

thank you for your feedback.

Most of the issues that are happening for CE is also visible in PRO.
As soon as the fix is made on the CE version it is merged to PRO.

[CoArrow]

@AMBudnik ，Got that, Thanks.

[dymafr]

I have the same behavior. Any update on this issue? Thanks a lot

[AMBudnik]

We are currently working on a fast and efficient way to scroll the table. Before that, we do not want to fix issues that are related to scrolling as after the changes they might not be applicable.

[lewisjb]

@AMBudnik is there a timeline on that?

[AMBudnik]

It will be discussed today as we need to set some mini-goals that will allow us to track progress.

The task will surely be mentioned in our ZenHub board

[nosir]

Hey, any update for this? It only appears in Pro

[AMBudnik]

I am sorry but there is no milestone attached to this issue yet.

[gricey432]

@nosir it's happening outside of pro for us

[melloware]

I also have this issue using Community version 5.0.1.

[lucasncne]

I've been searching for a solution and this helped me: https://github.com/handsontable/handsontable/issues/7

Maybe it can help you as well.

[melloware]

You mean this link: https://github.com/handsontable/handsontable/issues/7

[melloware]

Looks like its fixed in the upcoming release: https://github.com/handsontable/handsontable/issues/5220

[wojciechczerniak]

You're right @melloware, I can't replicate the issue in 5.0.2-RC: http://jsfiddle.net/m0e5y3qg/

Can someone confirm?

[melloware]

I just tested it with Firefox and Chrome and both are working properly for me on Windows 10. Firefox was the one having problems before.

[lewisjb]

I still have the same issue in that jsfiddle @wojciechczerniak on Chrome 67.0.3396.99 and Firefox Quantum 57

[melloware]

More testing:
Chrome 68.0.3440.106 (_works fine_)
Firefox 62.0 (_works fine_)
Microsoft Edge 42.17134.1.0 (fails by jumping to the top)

[AMBudnik]

Hi @melloware.

Can you check it with v 5.0.2 and let me know how it works for you?

[melloware]

OK just checked using this JSFiddle: http://jsfiddle.net/m0e5y3qg/4/

Looks like Microsoft Edge 42.17134.1.0 still has the issue.

[AMBudnik]

Can I ask you to record it @melloware ?

[melloware]

I have never recorded anything before do you have a recommended tool to screen record?

[AMBudnik]

I am using a small free tool called GifCam

[wojciechczerniak]

@melloware JSDeliver in http://jsfiddle.net/m0e5y3qg/4/ demo loads Handsontable 5.0.1 as the latest version.

I had to add version number to jsdelivr links for 5.0.2: http://jsfiddle.net/m0e5y3qg/6/

[lucasncne]

Works fine on Firefox with version 5.0.2, but the issue still persists on the mobile version of chrome.

[AMBudnik]

@wojciechczerniak maybe we should add the mobile label?

[melloware]

OK I used the fiddle from @wojciechczerniak using 5.0.2 and here is the capture of MS Edge.

[AMBudnik]

Welcome everyone.

I am happy to inform that this issue should be gone in version 6.1.0

Thank you again for all the effort and investigation that you have made to help us solve this issue.

[sejcudet]

Hello!

I have similar issue now in version 6.2.2. I can't provide demo.
When click button with scrollIntoView(myPoint) function handsontable fired hook 'afterScrollVertically' and my window leave on the same point, but should scroll to myPoint
How can I prevent the hook?

[AMBudnik]

I can't provide demo.

maybe you can share your settings? (can be a screenshot).
ps. as this report is already closed we can continue on emails. You can reach me at [email protected]