[GH #4441] TypeError

Tags: #<Tag:0x00007efc645bca68> #<Tag:0x00007efc645bc8b0>

Here’s an example for custom editor in angular project https://stackblitz.com/edit/angular-dirbuj?file=src/app/hello.component.ts

Thank you mam,

Use this CustomEditor class if we need.

class CustomEditor extends Handsontable.editors.TextEditor {
constructor(props) {
super(props);
this.createElements();
console.log(“insde constructor”)
}

createElements = function() {
this.TEXTAREA = document.createElement('input');
this.TEXTAREA.className = 'handsontableInput';
 this.TEXTAREA.style = 'text-transform: uppercase'; 
  Handsontable.dom.empty(this.TEXTAREA_PARENT);
  this.TEXTAREA_PARENT.appendChild(this.TEXTAREA); 
}

}

//component.ts

@Component({
selector: ‘hello’,
template: <div class='hot'><hot-table [editor]='editor'[settings]="settings" ></hot-table> </div>,
styles: [.hot{ text-transform: uppercase }]
})

Hi @krishnappa

I just wanted to update you about the fact that the mentioned issue https://github.com/handsontable/handsontable/issues/4441 was solved in Handsontable v 8.0.0-beta2 released yesterday. I hope that it will also solve your issue.

Here’s a full list of changes https://github.com/handsontable/handsontable/releases/tag/8.0.0-beta.2

NPM https://www.npmjs.com/package/handsontable/v/8.0.0-beta.2