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

[Dialog] 非模态对话框 显示不够直观 #1452

Closed
ali-pay opened this issue Aug 19, 2022 · 5 comments
Closed

[Dialog] 非模态对话框 显示不够直观 #1452

ali-pay opened this issue Aug 19, 2022 · 5 comments
Assignees
Labels
to be published to be published

Comments

@ali-pay
Copy link

ali-pay commented Aug 19, 2022

这个功能解决了什么问题

加入阴影

没有阴影的:

Snipaste_2022-08-19_09-21-17

有阴影的:

Snipaste_2022-08-19_09-19-10

你建议的方案是什么

建议 非模态对话框 加入 box-shadow、cursor:move 样式,或修改为类似 Card 的可配置属性;

可能需要再加入 user-select:none ,因为现在可以拖拽的对话框已经不能复制了,但是鼠标放在文字上还是会可以选中文字,类似这样:
Snipaste_2022-08-19_09-28-39

@github-actions
Copy link
Contributor

👋 @ali-pay,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

♥️ 有劳 @LeeJim @caoML @vnues @huoyuhao 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @ali-pay

@huoyuhao
Copy link
Contributor

ok 我会尽快处理

@huoyuhao
Copy link
Contributor

@ali-pay 这里确认了一下 确实存在这个问题,modelss非模态对话框模式下
draggable 属性配置为true,弹窗内容无法复制。

我的问题是:这个原因是因为拖拽功能绑定鼠标按下事件,所以无法复制弹窗文字。
你这里期待的结果是使用拖拽时,不应该可以选中文字,使用cursor:move 或者 user-select:none 样式。

麻烦确认一下理解是否正确

@ali-pay
Copy link
Author

ali-pay commented Aug 19, 2022

@ali-pay 这里确认了一下 确实存在这个问题,modelss非模态对话框模式下 draggable 属性配置为true,弹窗内容无法复制。

我的问题是:这个原因是因为拖拽功能绑定鼠标按下事件,所以无法复制弹窗文字。 你这里期待的结果是使用拖拽时,不应该可以选中文字,使用cursor:move 或者 user-select:none 样式。

麻烦确认一下理解是否正确

是的,修改鼠标的样式,感觉上更能体现这是个可以拖动的组件

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
to be published to be published
Projects
None yet
Development

No branches or pull requests

5 participants