Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

对话框组件在隐藏图标和标题的情况下,关闭按钮触发区变得非常小难以捕获 #1381

Closed
jack3018 opened this issue Oct 16, 2021 · 3 comments
Labels
bug Something isn't working priority: high

Comments

@jack3018
Copy link

TuSimple/naive-ui version (版本)

2.19.8

Vue version (Vue 版本)

3.2.6

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

94.0.4606.81 (x86_64)

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

macos(11.6)

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/dyuwb?file=/src/Demo.vue

Reappearance steps (重现步骤)

警告 <script> import { defineComponent } from 'vue' import { useMessage, useDialog } from 'naive-ui' export default defineComponent({ setup () { const message = useMessage() const dialog = useDialog() return { handleConfirm () { dialog.warning({ //title: '警告', content: "有我在对话框关闭触发区就会变得非常小,很难捕获", closable: true, showIcon: false, maskClosable: false, positiveText: '确定', negativeText: '不确定', }) } } } }) </script>

Expected results (期望的结果)

在隐藏对话框组件图标和标题的情况下,关闭按钮的触发区域仍然和关闭按钮保持一样大小。

Actual results (实际的结果)

在隐藏对话框组件图标和标题的情况下,关闭按钮的触发区变得非常小,用鼠标很难定位关闭对话框。

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Oct 16, 2021
@jack3018
Copy link
Author

//DEMO文件代码:


<n-button @click="handleConfirm"> 警告

<script> import { defineComponent } from 'vue' import { useMessage, useDialog } from 'naive-ui' export default defineComponent({ setup () { const message = useMessage() const dialog = useDialog() return { handleConfirm () { dialog.warning({ //title: '警告', content: "有我在对话框关闭触发区就会变得非常小,很难捕获", closable: true, showIcon: false, maskClosable: false, positiveText: '确定', negativeText: '不确定', }) } } } }) </script>

@07akioni
Copy link
Collaborator

确实,这是个 bug,需要我们调整一下 z-index

@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Oct 16, 2021
@07akioni
Copy link
Collaborator

下次直接改 codesandbox 的链接

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
bug Something isn't working priority: high
Projects
None yet
Development

No branches or pull requests

2 participants