Skip to content

Color Picker - Hex Number Input Issue #11417

@shixin-liang

Description

@shixin-liang

Bug Description

There is a problem with the Color Picker - UI5 Web Components when entering color codes in hexadecimal format. The issue occurs when inputting a color code with a "#" sign, such as "#38b7fa", which results in an "invalid entry" error. However, entering the color code without the "#" displays correctly.

Affected Component

Color Picker

Expected Behaviour

  • According to the VD specification, the "#" sign should be accepted in the input field without triggering an error.
  • The field should automatically prepend "#" to the input if it's entered without it, facilitating easy copy-pasting.

Isolated Example

Color Picker - UI5 Web Components

Steps to Reproduce

  1. Navigate to the Color Picker - UI5 Web Components.
  2. Attempt to enter a color code with a "#" sign (e.g., "#38b7fa").
  3. Observe that an "invalid entry" error is shown.
  4. Enter the color code without the "#" (e.g., "38b7fa").
  5. The color is displayed correctly without any error.

Log Output, Stack Trace or Screenshots

Image

Priority

None

UI5 Web Components Version

2.9.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions