Popper 组件在选择元素时滚动到顶部答案

【问题标题】：Popper Component Scrolling to top on selecting elementPopper 组件在选择元素时滚动到顶部
【发布时间】：2022-07-12 22:50:44
【问题描述】：

我正在使用 Material UI 控件 - 自动完成。

在此，我使用多项选择。

下面的代码参考了这个answer

<Autocomplete
   PopperComponent={PopperMy}
   ...  
/>

const PopperMy = function (props) {
   return <Popper {...props} style={{width: "fit-content"}} placement="bottom-start" />;
};

我面临的问题 -

当我滚动并从 Popper 中选择任何选项时，滚动会自动移至顶部。

我尝试添加position:"fixed"，但没有阻止在选择选项时自动滚动到顶部。

【问题讨论】：

你想移动/滚动到最后一个选择的项目吗？
我现在面临同样的问题。如果您删除 PopperComponent 属性，问题就会消失。这可能与popper的重新渲染有关。如果我找到不需要删除自定义 popper 的解决方案，我会在这里发布答案。

标签： javascript jquery reactjs material-ui

【解决方案1】：

我已经在 useCallback 中包装了自定义 popper，现在它可以工作了，所以你可以试试这个

【讨论】：