Handsontable strange behaviors based on browser

Tags: #<Tag:0x00007efc62107a88> #<Tag:0x00007efc62107948>
#1

Hi Team,

I am using Handsetable v14.1 in my application. I am facing one issue: I have a cell with a dropdown type. It has dropdown values that contain the word “worst case,” so when I select the value and remove those letters by clicking backspace, it shows suggestions like “worst case” (scenario with added word), and when I click tab, it changes the value from “worst case” to “worst case scenario.”.

While I checked that scenario in the Handsontable demo site, I found one strange behavior: the above-mentioned issue happens in the Edge browser but not in Chrome. I have added screenshots and explained below.

image
image.png1867×946 217 KB
In this example, I just typed worst case and clicked Tab, and it was not moved to the next cell, and it completed the text with “scenario” (Edge browser).

image
image.png1873×943 234 KB
While trying in Chrome, it moved to the next cell when clicking Tab, and autocomplete did not happen.

Please check and update the same team.

Thanks,
Saravanan M

#2

Hi @saravanan.m

Thank you for reporting the issue. Can you please share the example where the issue is present?

#3

https://handsontable.com/docs/javascript-data-grid/dropdown-cell-type/ check here for dropdown fields.just edit the first example in “Edit in JS Fiddle” option

#4

@saravanan.m

I checked this example on Google Chrome and on Edge, and I have the same results: https://jsfiddle.net/handsoncode/sqv5dxnf/

I tried with the default dataset. In the 3rd column I deleted the value and typed bla, when I pressed TAB it autocompletes the value with black in both browsers. Please modify this example so I can reproduce the issue.

#5

No, I hope you do not understand the problem. Issue with the text “worst case.” In the dropdown field, just type the word “worst ca,” then click tab, and it will show you “worst case scenario.” Please read the description I gave above. (try in edge browser), able to reproduce your given example link,

image
image.png1864×963 168 KB

#6

@saravanan.m

I followed your description, just with different dataset. If you can reproduce the issue with different example, please share it with us.

#7

I am still not able to understand why you are unable to reproduce. Just type “worst case” in the drop-down field cell, then click the tab, and you will be able to reproduce. Please read the above steps carefully and follow them. I hope I already gave enough description. Any example dataset you can give me, I will reproduce and will share the screenshot because I am able to reproduce your basic example in the https://handsontable.com/docs/javascript-data-grid/dropdown-cell-type/ document page. *Please try in Edge browser.

image
image.png1873×959 234 KB
then press TAB
image
image.png1879×950 226 KB
- “scenario” word added. example link - Handsontable example - JSFiddle - Code Playground

#8

Hi @saravanan.m

Here’s Aleksandra. I also do NOT have the autofill as mentioned.

I also checked the demo, and it seems that you might have had an autocomplete setup in Edge. Edge also supports its own autofill for passwords, addresses, and payment methods if users enable the feature in their browser settings.

#9

Hi @aleksandra_budnik,

This feature is already turned off in my edge,

image
image.png1841×943 76.1 KB
can u pls turn off from your side and try to reproduce the issue.

#10

I turned off all the autofill option but still it is happening. Please check form your side.

#11

Does it also happen if you use an incognito (inPrivate on Edge) mode in the browser?

#12

No, it happens in public mode.

#13

I asked my colleague (QA) to check it as well, but none of our three were able to replicate the issue.
You can also ask one of your colleagues to test it out, and I am sure that it will happen only on your device based on the autofill of the browser or system.

#14

I already checked with all my colleagues. All of us were able to reproduce in Edge Browser. You mentioned that “based on the autofill of the browser or system.” Yes, it happens only in Edge browsers, not in Chrome.

#15

No. None of our 3 were able to replicate this issue.

#16

ok, but your people able to reproduce it right?

#17

Hi @aleksandra_budnik,

We tried all the way you suggested by turning off the autofill in Edge Browser, but still we were able to reproduce the issue. Please give any valid response we need to inform our team.

#18

I chatted with our core developer, who confirmed that Handsontable cannot trigger that action. We would need to either have the worst case scenario in the source (or any per-instance logic that can change that) or some kind of dictionary that may be the source (which we do not have).

Alternatively, we can schedule a quick call this week to see how you can replicate the issue online. If that would suit you, please contact me directly at support@handsontable.com to arrange the screen-sharing session.

ps. please use your company email to send the message.

#19

Sure @aleksandra_budnik, let me check with my team.