MUI 自动完成的动态宽度下拉不正确的位置

Question

我正在制作一个 MUI 自动完成功能，它会在用户关注它时扩大其宽度。 但是当用户第一次关注它时，我发现下拉菜单的位置不正确。

用户关注之前

第一次用户关注

如有任何帮助，我们将不胜感激。谢谢。

编辑： 目前我正在使用

调整宽度

sx={{width:isFocus ? '572px' : '358px'}}

isFocus 状态由 onFocus 和 onBlur 个事件。

Answer 1

我刚刚通过将自动完成的 Popper 和 Paper 组件的宽度值设置为自动完成聚焦时所需的宽度值来解决这个问题。