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

Question

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

在此，我使用多项选择。

我有以下参考此答案的代码

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

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

我面临的问题 -

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

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

Answer 1

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