Skip to content
New issue

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

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

Already on GitHub? Sign in 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 的链接

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

No branches or pull requests

2 participants