javascript - 与 react-select 一起使用的 Material UI 组件重置滚动位置
问题描述
我正在使用@material-ui/core - ^3.5.1
.
在我的代码中使用react-select
了 - ^2.2.0。已react-select
使用材质 ui 组件进行自定义。
我的问题是每次打开下拉菜单时都会重置滚动位置。
期望的行为是它应该向上滚动到所选元素的位置。material-ui docs网站上的示例似乎工作正常,但是当我在代码和框中打开给定的示例链接时,它没有。
运行示例,它是从材料 ui 文档站点上给出的原始代码和框示例链接分叉出来的(此示例使用 material-ui-4 和 react-select 3,但有同样的问题)。在 api 文档中找不到此行为的任何可配置道具。
我在这里错过了什么吗?
解决方案
在您的沙箱中,我将 react-select 版本更改为 2.4.4 并恢复了滚动。
在 package.json 中使用:"react-select": "^2.4.4"
推荐阅读
- python - 如何需要两个 jsonschema 属性之一,但还要设置默认值?
- reactjs - Material-UI 样式和 html/markdown
- visual-studio-code - 使用 Atmel-Ice 在 Visual Studio Code 中调试 Arduino Due
- ruby - 如何制作一个 Ruby 方法来制作具有“n”宽度的星号钻石?
- python - 使精灵在点击时消失
- sql - 通过在 Hive/Athena 的 CSV 文件中添加两列来创建外部表
- android - 深度链接在 chrome expo react native 项目中不起作用
- python - 在 MacOS Big Sur 上安装 Python3.4 时出错
- powershell - 创建 NotifyIcon 并使用 powershell 处理单击事件
- typescript - 数组 concat 的返回类型