docs(dynamicExample): update dynamic menu example to work with dynami…

…c tag names
AlaskaAirlines · Jul 20, 2023 · a5caf20 · a5caf20
1 parent 016599f
commit a5caf20
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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);