diff --git a/apiExamples/dynamicMenu.js b/apiExamples/dynamicMenu.js index d2dbff9..2431bb6 100644 --- a/apiExamples/dynamicMenu.js +++ b/apiExamples/dynamicMenu.js @@ -45,10 +45,10 @@ export function dynamicMenuExample() { // Main javascript that runs all JS to create example const dynamicData = new DynamicData(); const dynamicMenuExample = document.querySelector('#dynamicMenuExample'); + const dropdownEl = dynamicMenuExample.shadowRoot.querySelector(dynamicMenuExample.dropdownTag._$litStatic$); + const inputEl = dropdownEl.querySelector(dynamicMenuExample.inputTag._$litStatic$); - const input = dynamicMenuExample.shadowRoot.querySelector('combobox-dropdown').querySelector('combobox-input'); - - input.addEventListener('input', () => { + inputEl.addEventListener('input', () => { let data = dynamicData.getData(); data = dynamicData.filterData(data, dynamicMenuExample.value); diff --git a/demo/api.md b/demo/api.md index b9d455f..6d98294 100644 --- a/demo/api.md +++ b/demo/api.md @@ -160,10 +160,10 @@ export function dynamicMenuExample() { // Main javascript that runs all JS to create example const dynamicData = new DynamicData(); const dynamicMenuExample = document.querySelector('#dynamicMenuExample'); + const dropdownEl = dynamicMenuExample.shadowRoot.querySelector(dynamicMenuExample.dropdownTag._$litStatic$); + const inputEl = dropdownEl.querySelector(dynamicMenuExample.inputTag._$litStatic$); - const input = dynamicMenuExample.shadowRoot.querySelector('combobox-dropdown').querySelector('combobox-input'); - - input.addEventListener('input', () => { + inputEl.addEventListener('input', () => { let data = dynamicData.getData(); data = dynamicData.filterData(data, dynamicMenuExample.value);