You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
While working with Gutenberg ColorPicker, i noticed an inconsistent behavior when removing the HEX value from input field. If we select any color from picker and if we remove it character by character then it defaults to black but if we choose whole HEX at once and clear then it defaults to whatever previously selected and also HEX value is cleared but color still remains selected in picker which can create confusion for user because HEX value is cleared but still color is showing.
Step-by-step reproduction instructions
Select any custom color in the ColorPicker.
Focus the HEX input field.
Remove the HEX value character by character using backspace.
Result: the selected color resets to black.
Repeat the test, but this time:
Select the full HEX value
Delete it in single action
Result: the previously selected color remains active
Screenshots, screen recording, code snippet
ColorPicker-issue.mov
Environment info
WordPress Version : 6.9
Gutenber Version : 22.5.0-rc.1
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes
Please confirm which theme type you used for testing.
Description
While working with Gutenberg ColorPicker, i noticed an inconsistent behavior when removing the HEX value from input field. If we select any color from picker and if we remove it character by character then it defaults to black but if we choose whole HEX at once and clear then it defaults to whatever previously selected and also HEX value is cleared but color still remains selected in picker which can create confusion for user because HEX value is cleared but still color is showing.
Step-by-step reproduction instructions
Select any custom color in the ColorPicker.
Focus the HEX input field.
Remove the HEX value character by character using backspace.
Repeat the test, but this time:
Screenshots, screen recording, code snippet
ColorPicker-issue.mov
Environment info
WordPress Version : 6.9
Gutenber Version : 22.5.0-rc.1
Please confirm that you have searched existing issues in the repo.
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Please confirm which theme type you used for testing.