Fix dropdown menu widget showing wrong active entry

Fixes #250
This commit is contained in:
Keavon Chambers 2021-07-19 15:03:08 -07:00
parent b650658810
commit ba7531121b
1 changed files with 2 additions and 6 deletions

View File

@ -6,7 +6,7 @@
v-for="(entry, entryIndex) in section" v-for="(entry, entryIndex) in section"
:key="entryIndex" :key="entryIndex"
class="row" class="row"
:class="{ open: isMenuEntryOpen(entry), active: entry === currentEntry }" :class="{ open: isMenuEntryOpen(entry), active: entry === activeEntry }"
@click="handleEntryClick(entry)" @click="handleEntryClick(entry)"
@mouseenter="handleEntryMouseEnter(entry)" @mouseenter="handleEntryMouseEnter(entry)"
@mouseleave="handleEntryMouseLeave(entry)" @mouseleave="handleEntryMouseLeave(entry)"
@ -23,10 +23,7 @@
v-if="entry.children" v-if="entry.children"
:direction="MenuDirection.TopRight" :direction="MenuDirection.TopRight"
:menuEntries="entry.children" :menuEntries="entry.children"
v-model:active-entry="currentEntry" v-bind="{ defaultAction, minWidth, drawIcon, scrollable }"
:minWidth="minWidth"
:drawIcon="drawIcon"
:scrollable="scrollable"
:ref="(ref) => setEntryRefs(entry, ref)" :ref="(ref) => setEntryRefs(entry, ref)"
/> />
</div> </div>
@ -248,7 +245,6 @@ const MenuList = defineComponent({
}, },
data() { data() {
return { return {
currentEntry: this.activeEntry,
keyboardLockInfoMessage: keyboardLockApiSupported() ? KEYBOARD_LOCK_USE_FULLSCREEN : KEYBOARD_LOCK_SWITCH_BROWSER, keyboardLockInfoMessage: keyboardLockApiSupported() ? KEYBOARD_LOCK_USE_FULLSCREEN : KEYBOARD_LOCK_SWITCH_BROWSER,
SeparatorDirection, SeparatorDirection,
SeparatorType, SeparatorType,