首页 > 解决方案 > 与 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 文档中找不到此行为的任何可配置道具。

我在这里错过了什么吗?

标签: javascriptreactjsmaterial-uireact-select

解决方案


在您的沙箱中,我将 react-select 版本更改为 2.4.4 并恢复了滚动。

在 package.json 中使用:"react-select": "^2.4.4"


推荐阅读