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

[aliyafthh]

⚡ Reproduction

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

Steps to reproduce:

1. Open https://allianz.github.io/ng-aquila/documentation/code-input/overview in iOS browser (Safari/Chrome)
2. Input values into the input field
3. 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]

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

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

[yd-allianz]

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.