emberjs / emberjs/ember-inspector

Design Proposal: component search changes

Open
#940 0 comments 2 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
969
Forks
292
PR merge metrics
No merged PRs in 30d

Description

The current component search hides components that do not match (it also displays children if there are any) See first video below. Sometimes this is fine but I find contextual information to be useful: who the parent is, etc.)

I'm proposing we implement behavior that is more similar to searching in other panes of the devtools — like Elements — and searching in the web page.

Current behavior: https://www.dropbox.com/s/9yyb2qnqskahn0p/component-search-old.m4v?dl=0

Proposed behavior: https://www.dropbox.com/s/axhuzuf7sv66pog/component-search.m4v?dl=0

image

### Examples outside of Inspector

#### Searching in web page:

image

#### Searching in Elements panel:

image

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or entry points are named. Compare the current and proposed behavior in the linked videos and images, then identify the component-search implementation and its existing tests; done means matching the proposed contextual search behavior while preserving relevant parent and child information.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
devtools
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.