Unable to edit data, context-menu is all grayed-out

[sjenset]

Description

In Chrome Version 71.0.3578.98 (Official Build) (64-bit), after creating a dummy table (or, for that sake, a table with actual data) I am unable to edit any of the cells, and in the context-menu all options are grayed out.

Steps to reproduce

1. See demo

Demo

https://codepen.io/anon/pen/zyrQpo?editors=1111

Your environment

• Handsontable version: 6.2.1 from https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js
• Browser Name and version: Chrome Version 71.0.3578.98 (Official Build) (64-bit)
• Operating System: Windows 10 Pro

[AMBudnik]

Sorry @sjenset

but I wasn't able to get the same result. Did you get any error in the console? Do you use any addons? I do not think that in this case the Pro vs Home edition of Windows 10 matters.

[sjenset]

Weird.

No console errors in codepen:

No console errors in inspector:

No active Chrome extensions:

[AMBudnik]

Are you able to replicate the same behavior using our demos at https://handsontable.com/docs/6.2.1/demo-scrolling.html?

[sjenset]

Yep

[AMBudnik]

Please let me know what callbacks do you get here https://handsontable.com/docs/6.2.1/tutorial-using-callbacks.html when you try to edit a cell

[sjenset]

After clicking various cells (left-clicking as well as right-clicking to bring up the context-menu), the only info in the window on the right are the initial two lines:

0 @0.045 [afterCreateRow] 5, 1, "auto",
1 @0.208 [afterChange] null, "loadData",

UPDATE:
If I enable all callbacks, it is along the lines of:

2 @79.639 [beforeOnCellMouseOver] [object MouseEvent], {"row":0,"col":5}, {}, [object Object],
3 @79.641 [afterOnCellMouseOver] [object MouseEvent], {"row":0,"col":5}, {},
4 @80.494 [beforeOnCellContextMenu] [object MouseEvent], {"row":0,"col":5}, {},
5 @80.495 [beforeContextMenuShow] [object Object],
6 @80.559 [afterContextMenuShow] [object Object],
7 @80.565 [afterOnCellContextMenu] [object MouseEvent], {"row":0,"col":5}, {},
8 @82.127 [afterListen]
9 @82.129 [afterContextMenuHide] [object Object],
10 @82.261 [afterUnlisten]
11 @84.011 [beforeOnCellMouseOut] [object MouseEvent], {"row":0,"col":5}, {},
12 @84.012 [afterOnCellMouseOut] [object MouseEvent], {"row":0,"col":5}, {},

[budnix]

@sjenset What type of PC do you have? I've some assumptions that this can be related to this issue #5586. That issue changed behavior when the touch and regular mouse events are registered. Since v6.2.1 mousedown and mouseup events are used only on non-touchable devices.

Did your PC support both input methods, such as MS Surface?

[AMBudnik]

So the context menu is triggered correctly but does not appear. Can you check if you have an element with className htContextMenu in the DOM?
For the editor, you should get handsontableInputHolder className element.
Maybe the elements are shifted or hidden.

[sjenset]

Oh, it appears, it's just "disabled"

From the DOM:

I don't have any hits on handsontableInputHolder in my DOM though.

[sjenset]

@budnix

@sjenset What type of PC do you have? I've some assumptions that this can be related to this issue #5586. That issue changed behavior when the touch and regular mouse events are registered. Since v6.2.1 mousedown and mouseup events are used only on non-touchable devices.

Did your PC support both input methods, such as MS Surface?

Yes, I am on a (docked) laptop which supports touch (on the screen, which is closed while it is in the dock), and I am using a regular, corded mouse for navigation :)

[AMBudnik]

So the mystery is partially solved. I hope that we'll be able to fix it in no time.

Thank you for sharing and for the quick updates @sjenset

[sjenset]

Can confirm that cell-selection works when using the touch-screen on the device, great work tracking this one down :)

[budnix]

Ok, I've prepared a patch and built a bundle. @sjenset Can I ask you to test this fiddle? I have felt that this demo should work for you. It should work for both methods, using a touchscreen and with a plugged mouse.

[sjenset]

The fiddle works for selecting / editing cells. When tweaking it to support context-menu, I also get a working context-menu.

[budnix]

Wonderfull! 👍 Thanks for your prompt reply.

[AMBudnik]

Again, thank you for sharing @sjenset

The issue has been fixed in v 6.2.2