Skip to content

UX improvements for search nodes #134

Closed
@taramk

Description

@taramk
  1. When a search node is first created, put the cursor focus there
  2. When the search node loses focus, show Placeholder (light gray) text: “Enter search value” that disappears when the input has focus, similar to how normal placeholder text behaves.
  3. When the search node loses focus and is not empty, simply show the search text. The Search icon is enough indication that it's a search node so "Search for" isn't really necessary.

Figma:
https://www.figma.com/file/bGzEZo0NYHhWGJO95kwF3p/Treehouse-App?type=design&node-id=22%3A185&t=Tv69N9KrA0JO8f6N-1

Empty search (not in focus)
Image

Not empty search (not in focus)
image

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions