diff --git a/src/demo/MultipleKeyboardsDestroyDemo.js b/src/demo/MultipleKeyboardsDestroyDemo.js index 7ed85e19..36f028d9 100644 --- a/src/demo/MultipleKeyboardsDestroyDemo.js +++ b/src/demo/MultipleKeyboardsDestroyDemo.js @@ -33,6 +33,20 @@ class Demo { console.log(this.keyboard); setTimeout(this.keyboard.destroy, 10000); + setTimeout(() => { + this.keyboard = new Keyboard({ + theme: "hg-theme-default myTheme", + onChange: input => this.onChange(input), + onKeyPress: button => this.onKeyPress(button), + debug: true, + onInit: () => { + console.log( + "Reinitialized simple-keyboard instance:", + this.keyboard.keyboardDOMClass + ); + } + }); + }, 15000); /** * Update simple-keyboard when input is changed directly diff --git a/src/demo/css/MultipleKeyboardsDestroyDemo.css b/src/demo/css/MultipleKeyboardsDestroyDemo.css index 575ed60e..fa20527e 100644 --- a/src/demo/css/MultipleKeyboardsDestroyDemo.css +++ b/src/demo/css/MultipleKeyboardsDestroyDemo.css @@ -10,3 +10,7 @@ input { .simple-keyboard { max-width: 850px; } + +.simple-keyboard.hg-theme-default.myTheme { + background-color: #bde6c6; +}