make text of text-only nav item with children clickable

diff --git a/preview-site-src/ui-model.yml b/preview-site-src/ui-model.yml
index 20a364f..a227ca6 100644 (file)
--- a/preview-site-src/ui-model.yml
+++ b/preview-site-src/ui-model.yml
@@ -87,8 +87,6 @@ page:
       url: '#liber-recusabo'
       urlType: fragment
     - content: Reference
-      url: '#'
-      urlType: fragment
       items:
       - content: Keyboard Shortcuts
         url: '#'

diff --git a/src/js/01-navigation.js b/src/js/01-navigation.js
index 3272cf9..29e8e1e 100644 (file)
--- a/src/js/01-navigation.js
+++ b/src/js/01-navigation.js
@@ -28,6 +28,15 @@
       menuState.expandedItems = getExpandedItems()
       saveNavState()
     })
+    var navItemSpan = findNextElement(btn, '.nav-text')
+    if (navItemSpan) {
+      navItemSpan.style.cursor = 'pointer'
+      navItemSpan.addEventListener('click', function () {
+        li.classList.toggle('is-active')
+        menuState.expandedItems = getExpandedItems()
+        saveNavState()
+      })
+    }
   })
 
   find('.nav-item', menuPanel).forEach(function (item, idx) {
@@ -143,4 +152,15 @@
   function find (selector, from) {
     return [].slice.call((from || document).querySelectorAll(selector))
   }
+
+  function findNextElement (from, selector) {
+    var el
+    if ('nextElementSibling' in from) {
+      el = from.nextElementSibling
+    } else {
+      el = from
+      while ((el = el.nextSibling) && el.nodeType !== 1);
+    }
+    return el && selector ? el[el.matches ? 'matches' : 'msMatchesSelector'](selector) && el : el
+  }
 })()