vuejs / vuejs/devtools

issues of Component Inspector

Open
#412 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

upstream
Dominant language
TypeScript
Stars
2.9k
Forks
279
PR merge metrics
No merged PRs in 30d

Description

description

reproduction URL: https://stackblitz.com/edit/vite-pvnywh

https://github.com/vuejs/devtools-next/assets/50254496/988845ca-9886-4a1c-a4e7-2cc331598919

issues

  • When starting to use Toggle Component Inspector and choosing a button-like a element, it will trigger the URL change.
  • When using Toggle Component Inspector, the UI of the tooltip should be enhanced for better DX.
    • more appropriate position
    • no unexpected blanks
    • when the render components are generated by other site generators, such as Vitepress, the components' names are resolved with node_modules and often too long

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the reproduction URL and inspect the Toggle Component Inspector flow shown there. Reproduce selecting an anchor element and review the tooltip behavior; done means selection does not unexpectedly change the URL and the tooltip has appropriate positioning, no blank areas, and usable component names for generated sites such as VitePress.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
devtools, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.