decaporg / decaporg/decap-cms

Improvement: click behaviour ColorString Widget

Open
#4,495 0 comments 0 reactions 0 assignees View on GitHub
area: extensions/widgets type: bug
Dominant language
JavaScript
Stars
19.4k
Forks
3.1k
Avg merge
1d 14h
Merged PRs (30d)
9

Description

Clicks outside the color picker are handled by the fullscreen "ClickOutsideDiv" to close the color picker. That means if you opened the color picker and want to edit another field, you have to click twice, once for closing the picker, and then for the other field. That is not consistent with other widgets like "select" or "datetime", where you can click immediately from one field to another.

I guess it's quite easy, but I don't have the experience for a quick solution...

Contributor guide

Open the contributing guide

Research direction

Start by locating the ColorString Widget and its fullscreen "ClickOutsideDiv" handling, then compare the click behavior with the "select" and "datetime" widgets. Reproduce the flow by opening the color picker and clicking another field; done means the picker closes and the other field responds on the first click.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.