fix($theme-default): close dropdown-links when focusout on the last i…

…tem (close #1948) (#1952)
vuejs · Oct 21, 2019 · cd72acc · cd72acc
1 parent 55c03f6
commit cd72acc
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/@vuepress/theme-default/components/DropdownLink.vue b/packages/@vuepress/theme-default/components/DropdownLink.vue
@@ -7,7 +7,7 @@
       class="dropdown-title"
       type="button"
       :aria-label="dropdownAriaLabel"
-      @click="toggle"
+      @click="setOpen(!open)"
     >
       <span class="title">{{ item.text }}</span>
       <span
@@ -41,15 +41,15 @@
                 @focusout="
                   isLastItemOfArray(childSubItem, subItem.items) &&
                   isLastItemOfArray(subItem, item.items) &&
-                  toggle()
+                  setOpen(false)
                 "
                 :item="childSubItem"/>
             </li>
           </ul>
 
           <NavLink
             v-else
-            @focusout="isLastItemOfArray(subItem, item.items) && toggle()"
+            @focusout="isLastItemOfArray(subItem, item.items) && setOpen(false)"
             :item="subItem"
           />
         </li>
@@ -86,8 +86,8 @@ export default {
   },
 
   methods: {
-    toggle () {
-      this.open = !this.open
+    setOpen (value) {
+      this.open = value
     },
 
     isLastItemOfArray (item, array) {