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

[t-tree] 在火狐浏览器下t-tree组件结合t-popup使用,t-popup会一直保留 #2907

Open
lavender-juan opened this issue Nov 13, 2023 · 1 comment

Comments

@lavender-juan
Copy link

tdesign-vue 版本

1.4.0(最新版也有问题)

重现链接

https://stackblitz.com/edit/vdlzs7-suspxt?file=src%2Fdemo.vue

重现步骤

可选: 严格模式: {{ item.label }} 反选 {{ node.label }} <script> const treeItems = [ { value: '1', label: '1', children: [ { value: '1.1', label: '1.1', children: [ { value: '1.1.1', label: '1.1.1', children: [ { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, { value: '1.1.1.1', label: '1.1.1.1', }, { value: '1.1.1.2', label: '1.1.1.2', }, ], }, { value: '1.1.2', label: '1.1.2', children: [ { value: '1.1.2.1', label: '1.1.2.1', }, { value: '1.1.2.2', label: '1.1.2.2', }, ], }, ], }, { value: '1.2', label: '1.2', children: [ { value: '1.2.1', label: '1.2.1', children: [ { value: '1.2.1.1', label: '1.2.1.1', }, { value: '1.2.1.2', label: '1.2.1.2', }, ], }, { value: '1.2.2', label: '1.2.2', children: [ { value: '1.2.2.1', label: '1.2.2.1', }, { value: '1.2.2.2', label: '1.2.2.2', }, ], }, ], }, ], }, { value: '2', label: '2', children: [ { value: '2.1', label: '2.1', }, { value: '2.2', label: '2.2', }, ], }, ]; export default { data() { return { valueMode: 'onlyLeaf', checkable: true, checkStrictly: false, allChecked: [], valueOptions: [ { value: 'onlyLeaf', label: 'onlyLeaf', }, { value: 'parentFirst', label: 'parentFirst', }, { value: 'all', label: 'all', }, ], items: treeItems, }; }, methods: { onClick(context) { console.info('onClick context:', context); const { node } = context; console.info(node.value, 'onClick context.node.checked:', node.checked); }, onChange(checked, context) { console.info('onChange checked:', checked, 'context:', context); const { node } = context; console.info(node.value, 'onChange context.node.checked:', node.checked); }, selectInvert() { const { tree } = this.$refs; // 取得所有节点 const items = tree.getItems(); const revertSelection = []; items.forEach((item) => { if (!item.checked && !item.indeterminate) { // checked 为 true, 为直接选中状态 // indeterminate 为 true, 为半选状态 revertSelection.push(item.value); } }); this.allChecked = revertSelection; }, }, }; </script>

期望结果

t-popup在滚动时理应消失,而不是popup堆积不消失
image

实际结果

No response

框架版本

"tdesign-vue": "1.4.0",

浏览器版本

119.0.1 (64 位)

系统版本

MacOS 13.5.2

Node版本

No response

补充说明

No response

Copy link
Contributor

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

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

No branches or pull requests

1 participant