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.

Sign up for GitHub

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

Jump to bottom

nutui-react-taro，开启样式按需加载以后，Toast组件存在滚动穿透问题，100%复现 #2759

Closed
iSemmering opened this issue Nov 15, 2024 · 0 comments · Fixed by #2776
Closed

nutui-react-taro，开启样式按需加载以后，Toast组件存在滚动穿透问题，100%复现 #2759

iSemmering opened this issue Nov 15, 2024 · 0 comments · Fixed by #2776
Assignees
@oasis-cloud
Labels
bug Something isn't working

Comments

@iSemmering
Copy link

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

2.7.0

平台

weapp

重现链接

https://codesandbox.io/p/devbox/nutui-react-2x-demo-fg4vxd

重现步骤

开启样式按需加载以后，Toast组件即使设置了lockScroll属性，依然会有滚动穿透问题。
原因是Toast组件的className中的nut-overlay样式来自Overlay组件，由于没有引入Overlay组件，导致nut-overlay没有加载样式，所以导致了滚动穿透

期望的结果是什么？

阻止滚动穿透

实际的结果是什么？

未能阻止滚动穿透

环境信息

No response

其他补充信息

No response
@jdf2e jdf2e deleted a comment from github-actions bot Nov 20, 2024
@oasis-cloud oasis-cloud added bug Something isn't working and removed Need Reproduce labels Nov 20, 2024
@oasis-cloud oasis-cloud self-assigned this Nov 20, 2024
@oasis-cloud oasis-cloud linked a pull request Nov 20, 2024 that will close this issue
fix(toast): load dependent CSS #2776
Merged
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@oasis-cloud oasis-cloud

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(toast): load dependent CSS oasis-cloud/nutui-react
2 participants
@oasis-cloud @iSemmering