n-input-number not focused properly when tabbed into

[prazdevs]

TuSimple/naive-ui version (版本)

2.13.0

Vue version (Vue 版本)

3.1.1

Browser and its version (浏览器及其版本)

Chrome(91.0.4472.114)

System and its version (系统及其版本)

Windows10(20H2)

Node version (Node 版本)

16.2.0

Reappearance link (重现链接)

https://codesandbox.io/s/naive-uin-input-numberfocus-bug-9783q?file=/src/App.vue

Reappearance steps (重现步骤)

1. Click first input.
2. Tab into second input.
3. Value can be changed with arrow keys but you cannot type directly.

Expected results (期望的结果)

We should be able to type the number directly as well as changing the value with arrow keys when focus comes from tabbing.

Actual results (实际的结果)

If the input is focused by tabbing, you cannot type numbers, but you can only change the value by using arrow keys.

Remarks (补充说明)

this causes accessibility and keyboard navigation issues

[prazdevs]

I looked into the code a bit, and i think it comes from n-input prop passively-activated and activateddata making the underlying input field unfocusable in favor of the n-input component itself.
The activated data gets set to true when the field is clicked on (and we have the expected behaviour), but not when it's tabbed into.

[prazdevs]

Removing the passively-activated prop from n-input gives me the expected behaviour, but i don't get the idea behind this prop. Tests don't break, but idk if some specific behaviour might break.

edit: i found out that you need to press enter to "enter edit mode", but from an accessibility point of view, this is definitely not a good practice.

[07akioni]

Removing the passively-activated prop from n-input gives me the expected behaviour, but i don't get the idea behind this prop. Tests don't break, but idk if some specific behaviour might break.

edit: i found out that you need to press enter to "enter edit mode", but from an accessibility point of view, this is definitely not a good practice.

The idea is that I want make select cascader or date-picker and ... components to have a consistent behavior. However this is an early decision. Maybe later we will change the way.

What you said is right. It doesn't make a lot sense to make it passively activated.