[REACT-194] V8 - some issues when moving column (arranging)

Tags: #<Tag:0x00007efc60a0ed40> #<Tag:0x00007efc60a0ec00>
#21

Hi @aleksandra_budnik,

Okay let me modify the jsfiddle demo. By the way, have you seen the video? And also, these are the versions I’m using:

  • React wrapper version: 3.1.3
  • Handsontable version: 8.0.0-beta.2
#22

Hi @aleksandra_budnik,

I have already modified the JSFiddle demo you created. Please check https://jsfiddle.net/g3poz5fy/

Steps:

  1. move a column
  2. after that, just click on any cell

Thank you!

edit: sorry, i forgot to include the link

#23

Thank you for sharing the demo @hugh
I have replicated the issue. But I also checked that you are using version 8.0.0 here, which is not yet supported by the wrapper. When I change it to v 7.4.2 https://jsfiddle.net/cf1hnts2/ it works well.

Gladly, this week we are planning to release stable 8.0.0 Handsontable version along with the wrappers, so you’ll be able to use v8 with the official wrapper support.
I will notify you once we publish the new version.

#24

Wow, that’s great to hear @aleksandra_budnik.

Okay, looking forward to it this week! Thank you.

#25

I saw that Piotr mentioned this topic

https://github.com/handsontable/handsontable/issues/7156

here’s the update from our CTO

If you define column headers colHeaders: ['A', 'B', 'C', 'D', 'E'] they will be moved with data: https://jsfiddle.net/s87jadmu/
If you enable automatic column headers colHeaders: true they will be always auto generated in an arbitrary order.
Works as expected.

#26

Hi @hugh

we’ve just released Handsontable for React v 4.0.0 https://github.com/handsontable/react-handsontable/releases/tag/4.0.0
I hope that it will improve your project.

#27

Hi @aleksandra_budnik,

Nice. Okay, I will check it. Thanks!

#28

Hi @aleksandra_budnik,

Unfortunately, the issue still present. I updated to HandsOnTable v8.0.0 and React wrapper 4.0.0
but the same issue exist.

https://jsfiddle.net/adyomf1q/2/


https://mc-react-hot-demo.stackblitz.io

update: i think it’s working if i use these versions:
handsontable: version 7.4.2
@handsontable/react: version 4.0.0

using these versions, the flickering would be gone.

#29

That’s interesting. I will ask @piotr.nowak to check this demo on Monday/Tuesday as his ooo today.

#30

Hi @hugh

Piotr confirmed that

The issue appears independently of which approach we apply. Class approach with createRef - https://codesandbox.io/s/createref-v9fqd?file=/src/index.js:3428-3437, or functional with useRef - https://codesandbox.io/s/useref-usx0s?file=/src/index.js:3843-3849.

I will keep you update on the subject as we move with the investigtion.

#31

@hugh

We’ve officially reported the issue on our Github board https://github.com/handsontable/react-handsontable/issues/194

I will let you know as soon as it gets fixed.