[CodeInputComponent] When backspace value, it highlights the value.

aliyafthh commented 1 year ago

⚡ Reproduction

https://allianz.github.io/ng-aquila/documentation/code-input/overview

Steps to reproduce:

Open https://allianz.github.io/ng-aquila/documentation/code-input/overview in iOS browser (Safari/Chrome)
Input values into the input field
Backspace the values

📗 Expected Behavior

Not to highlight/select when deleting values.

📕 Actual Behavior

Highlights the value before deletion.

📦 Environment

Aquila/NDBX version: 13.0.0
Angular/CDK version: 13.2.1
Browser name & version: Safari 15
Operating System & version (desktop or mobile): iOS 15.6 on Apple iPhone 13 pro

syl987 commented 1 year ago

Hi @aliyafthh thanks for reporting, we will have a look.

internal ticket https://github.developer.allianz.io/ilt/ngx-ndbx/issues/3693

yd-allianz commented 1 year ago

Hi @aliyafthh

so, after a number of team discussions and multiple attempts to solve the problem, we decided that it would take too much effort in order to change this logic that is not a bug per se, but something that is by design in order to provide smoother user interactions without having to focus and select manually and rather the intended browser behaviour that selects the Input value after focusing it.

In case you have a fix or a proposed solution in mind, feel free to open a pull request, we are always happy to accept a contribution.

allianz / ng-aquila