Skip to content

fix scrollable popup container #1256#1259

Merged
CodFrm merged 6 commits intoscriptscat:release/v1.3from
cyfung1031:pr-fix-popup-container-1
Feb 16, 2026
Merged

fix scrollable popup container #1256#1259
CodFrm merged 6 commits intoscriptscat:release/v1.3from
cyfung1031:pr-fix-popup-container-1

Conversation

@cyfung1031
Copy link
Collaborator

@CodFrm

ArcoDesign 把 AntDesign 抄了但又不抄文档说明
真够垃圾
官网文档的都没Demo
要另外去官网主页点进去 Demo平台

这个还是要自己试出来 再查 AntDesign文档


https://ant.design/components/select

Screenshot 2026-02-16 at 9 53 30

https://codesandbox.io/s/4j168r7jw0


@cyfung1031
Copy link
Collaborator Author

@CodFrm 我只搞了 Setting页面。 其他页面也要处理。交给你吧

@cyfung1031 cyfung1031 changed the title fix #1256 fix scrollable popup container #1256 Feb 16, 2026
@CodFrm
Copy link
Member

CodFrm commented Feb 16, 2026

我试了官方的例子,官方的是不跟随屏幕滚动的,感觉可能是其它原因,再研究一下

另外Arco文档也有这个 ,如果每个都要这样添加挂载父元素,那这框架也有点蠢了

image

@cyfung1031
Copy link
Collaborator Author

我试了官方的例子,官方的是不跟随屏幕滚动的,感觉可能是其它原因,再研究一下

另外Arco文档也有这个 image

popup container 预设 body

你的业务代码有CSS做 absolute 跟 relative
这些会改动了 绝对座标相对座标计算

所以要把popup container 放在同一个座标系统
不然你在 scrolll里面
popup contianer 在外面
你怎scroll 都不会动到它

@CodFrm
Copy link
Member

CodFrm commented Feb 16, 2026

用ConfigProvider处理了

@CodFrm CodFrm marked this pull request as ready for review February 16, 2026 06:19
@cyfung1031
Copy link
Collaborator Author

用ConfigProvider处理了

这么简单几行就能解决??? (我不懂React)

@cyfung1031
Copy link
Collaborator Author

ConfigProvider... 长知识
对。这样做最好。以前我也是用类似做法写弹出式UI
因为 node 是 Select 而不是 Select.Option
所以可以这样处理

@cyfung1031
Copy link
Collaborator Author

cyfung1031 commented Feb 16, 2026

ConfigProvider... 长知识 对。这样做最好。以前我也是用类似做法写弹出式UI 因为 node 是 Select 而不是 Select.Option 所以可以这样处理

@CodFrm
但这个 ConfigProvider getPopupContainer 会不会对 Select 以外的东西做成负优化??
Modal 之類??

@CodFrm
Copy link
Member

CodFrm commented Feb 16, 2026

ConfigProvider... 长知识 对。这样做最好。以前我也是用类似做法写弹出式UI 因为 node 是 Select 而不是 Select.Option 所以可以这样处理

@CodFrm

但这个 ConfigProvider getPopupContainer 会不会对 Select 以外的东西做成负优化??

Modal 之類??

不会,你看他的实际实现就是

不会影响select以外的

@cyfung1031 cyfung1031 force-pushed the pr-fix-popup-container-1 branch from 0d91605 to 860a41d Compare February 16, 2026 07:12
@cyfung1031
Copy link
Collaborator Author

@CodFrm

Popconfirm

Screenshot 2026-02-16 at 16 10 55

@cyfung1031
Copy link
Collaborator Author

Tooltip

这个我知道有点极端。但还是可以触发出来的

Screenshot 2026-02-16 at 16 17 03

@cyfung1031 cyfung1031 linked an issue Feb 16, 2026 that may be closed by this pull request
@CodFrm
Copy link
Member

CodFrm commented Feb 16, 2026

Tooltip

这个我知道有点极端。但还是可以触发出来的

Screenshot 2026-02-16 at 16 17 03

可以直接设置一个全局的

@CodFrm CodFrm merged commit 7dcef39 into scriptscat:release/v1.3 Feb 16, 2026
2 of 3 checks passed
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

Successfully merging this pull request may close these issues.

[BUG] 折叠列表定位随屏幕滚动

2 participants