ant-design [Carousel] 反复计算尺寸导致闪烁

oxf4rvwz  于 22天前  发布在  其他
关注(0)|答案(7)|浏览(22)

Steps to reproduce

Carousel 组件外部元素设置 overflow: auto; 样式,并调整宽度。当刚好出现滚动条时, Carousel 宽度将被压缩,导致高度无法撑出滚动条,导致闪烁。

What is expected?

不闪烁,滚动条出现不会消失。

What is actually happening?

闪烁,反复改变尺寸,导致滚动条反复出现小时。
| Environment | Info |
| ------------ | ------------ |
| antd | 4.21.3 |
| React | ^16.14.0 |
| System | Windows NT 10.0; Win64; x64 |
| Browser | Edge 102.0.1245.44 |

lsmd5eda

lsmd5eda1#

并没有看见闪烁?可以提供个录屏吗

e5nqia27

e5nqia272#

Hello @canvascat. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @canvascat, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

jtoj6r0c

jtoj6r0c3#

并没有看见闪烁?可以提供个录屏吗

应该是只有window下才会出现

mgdq6dx1

mgdq6dx15#

重现方式。

  1. MacOS 设置滚动条常驻。
  2. 演示里容器 width 设为 708px; 或更小。
x3naxklr

x3naxklr6#

重现方式。

  1. MacOS 设置滚动条常驻。
  2. 演示里容器 width 设为 708px; 或更小。

对于这种自适应的元素,比如image,这种情况window下浏览器会让滚动条常驻,就算尺寸压缩后的图片不足以撑出滚动条。

ws51t4hk

ws51t4hk7#

Hello @canvascat. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @canvascat,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的 预设模板 ,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

相关问题