[GH #11390] this.htEditor is undefined

apalma · 30 January 2025 10:43

import Handsontable from ‘handsontable’;
import ‘handsontable/styles/handsontable.css’;
import ‘handsontable/styles/ht-theme-main.css’;

const colors = [
‘yellow’,
‘red’,
‘orange and another color’,
‘green’,
‘blue’,
‘gray’,
‘black’,
‘white’,
‘purple’,
‘lime’,
‘olive’,
‘cyan’,
];

const container = document.querySelector(’#example1’);

const hot = new Handsontable(container, {
licenseKey: ‘non-commercial-and-evaluation’,
data: [
[‘BMW’, 2017, ‘black’, ‘black’],
[‘Nissan’, 2018, ‘blue’, ‘blue’],
[‘Chrysler’, 2019, ‘yellow’, ‘black’],
[‘Volvo’, 2020, ‘white’, ‘gray’],
],
colHeaders: [‘Car’, ‘Year’, ‘Chassis color’, ‘Bumper color’],
columns: [
{
type: ‘autocomplete’,
editor: ‘autocomplete’,
source: [‘BMW’, ‘Chrysler’, ‘Nissan’, ‘Suzuki’, ‘Toyota’, ‘Volvo’],
strict: false,
},
{ type: ‘numeric’ },
{
type: ‘autocomplete’,
source: colors,
strict: false,
visibleRows: 4,
},
{
type: ‘autocomplete’,
source: colors,
strict: false,
trimDropdown: false,
},
],
autoWrapRow: true,
autoWrapCol: true,
});

window.addEventListener(‘focus’, async function(){
hot.updateSettings({
columns: [
{
type: ‘autocomplete’,
source: [‘BMW’, ‘Chrysler’, ‘Nissan’, ‘Suzuki’, ‘Toyota’, ‘Volvo’],
strict: false,
},
{ type: ‘numeric’ },
{
type: ‘autocomplete’,
source: colors,
strict: false,
visibleRows: 4,
},
{
type: ‘autocomplete’,
source: colors,
strict: false,
trimDropdown: false,
},
]
})
})

hteditorerror

error happens when clicking the cell with editor: autocomplete

https://jsfiddle.net/w0e1grq2/1/

apalma · 24 January 2025 08:39

the error happens on focus event by clicking cell.

adrian.szymanski · 24 January 2025 12:40

Hi @apalma

I checked the demo you sent and I can’t get the same error. Please provide the steps on how to recreate it.

apalma · 24 January 2025 12:46

The error happens on focus event.

Click outside the page

Then click on cell

throws error

adrian.szymanski · 27 January 2025 12:05

@apalma

I followed your steps and still not getting any errors in the console. I checked multiple variants clicking on different elements, opening the editor etc. but everything works fine.

apalma · 27 January 2025 12:11

Not sure why you cant recreate them.

Only two steps and I always got the error 100% of the time. Click outside the page to run window focus event then click on cell directly without clicking other element.