question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot navigate in the vue create menus

See original GitHub issue

Version

3.4.0

Environment info

Environment Info:

  System:
    OS: Windows 10
    CPU: (8) x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz
  Binaries:
    Node: 11.9.0 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 6.7.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 44.17763.1.0
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

npm install -g @vue/cli

vue create foobar

Use the up/down arrow key to navigate.

What is expected?

I am able to select any options from the menu.

What is actually happening?

Each time a key is pressed, the selection jumps twice. While it is possible to actually navigate through every selection with quick key presses (there is a slight delay between the selection changes) this is far from usable.


I have reproduced this issue on two computers with similar configurations. Same node version, same npm version, both with a clean @vue/cli installation. This happens in PowerShell, the standard command line and the WebStorm terminal window.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
kawazoecommented, Feb 19, 2019

Node 11.10.0 fixes this issue.

1reaction
BenHayatcommented, Feb 15, 2019

Just uninstalled Node V11.x and installed V10.x and everything works.

Read more comments on GitHub >

github_iconTop Results From Across the Web

vuetify navigation drawer cannot be clicked - Stack Overflow
I created a navigation drawer using Vuetify but none of the menus can be clicked. Here's the code <v-navigation-drawer v-model="drawer" ...
Read more >
Routing in Vue3: Navigating the Options - CODE Magazine
As you can see in Figure 1, Routing allows your Single Page Application to define a section of the app to show individual...
Read more >
Waiting for the result of a Navigation - Vue Router
Now the menu will close once the navigation is finished but it will also close if the navigation was prevented. We need a...
Read more >
Frequently asked questions — Vuetify
Vuetify is a Material Design component framework for Vue.js. ... Menu/Dialog/Navigation drawer are not opening properly.
Read more >
Vue Navigation: Use Ionic + Vue Router to Create Multi-Page ...
Navigating using useIonRouter ​. One downside of using router-link is that you cannot run custom code prior to navigating. This makes tasks such...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found