[n-time-picker] Strange behaviour

[OrbisK]

TuSimple/naive-ui version (版本)

2.26.3

Vue version (Vue 版本)

3.2.27

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

Opera GX LVL 3 (core: 83.0.4254.70)

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

Win 11

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/focused-grothendieck-vibw12?file=/src/Form.vue

Reappearance steps (重现步骤)

1. Click on the button
2. Select a time in first select
3. Select a time in second select

Expected results (期望的结果)

Second select should work properly

Actual results (实际的结果)

Second select closes after each selection.
First one works properly.

Remarks (补充说明)

[OrbisK]

I guess it related to the focus. Somehow it remains on the first one

[Sepush]

I guess it related to the focus. Somehow it remains on the first one

你的复现没写完啊

[OrbisK]

I guess it related to the focus. Somehow it remains on the first one

你的复现没写完啊

I did

[OrbisK]

just in case ill paste the code here:

// Form.vue
<template>
  <n-form :model="model">
    <n-grid :cols="12" :x-gap="12">
      <n-form-item-gi :span="6" label="Number">
        <n-time-picker></n-time-picker>
      </n-form-item-gi>
      <n-form-item-gi :span="6" label="Text">
        <n-time-picker></n-time-picker>
      </n-form-item-gi>
    </n-grid>
  </n-form>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    return {
      model: ref({
        number: 0,
        text: "",
      }),
    };
  },
});
</script>

// Demo.vue
<template>
  <n-button @click="handleClick">Click me</n-button>
</template>

<script lang="ts">
import { defineComponent, h } from "vue";
import { useDialog } from "naive-ui";
import Form from "./Form.vue"

export default defineComponent({
  setup() {
    const dialog = useDialog();
    return {
      handleClick: () => {
        dialog.info({
          title: "test",
          content: ()=> h(Form)
        });
      },
    };
  },
});
</script>

[Sepush]

嗯 现在好了 确实是个bug

[07akioni]

This is actually caused by modal focus management. I think I should provide a demo to make the behavior clearer.

[OrbisK]

Okay. Thanks for this quick fix 👍