MUI 5自动完成的残疾港口支柱不起作用

Question

我正在使用以前的MUI版本4.11.4，其中包括自动完成组件，并且一切都与DisablePortal Prop效果很好。

但是，我现在正在使用MUI 5，并且自动完成下拉列表有时在顶部显示，而不是总是按照我想要的。

<Autocomplete
      disablePortal={true}
      id='controlled-demo'
      ref={idRef}
      name={id.current}
      onChange={(e, value) => {
        const id = idRef.current.getAttribute('name');
        handleOptionChange(e, value, id);
      }}
      options={getExercisesByCategoryAndMusclegroup(exercise)}
      getOptionLabel={(option) => `${option.title}`}
      isOptionEqualToValue={(option, value) => option.title === value.title}
      renderInput={(params) => (
        <TextField
          {...params}
          name='exercise'
          // onChange={(e, value) => handleOptionChange(e, value)}
          label='Search exercise...'
          variant='outlined'
          size={isMatched ? 'small' : 'medium'}
        />
      )}
/>

我尝试使用自定义的Popper组件，因为我在另一篇文章上看到了“底部”的位置，但这无法解决我的问题。

新V5有错误吗？还有其他人正在经历这个吗？

Answer 1

我不知道这是否是MUI V5中的错误，但是对我有用的是简单地删除disableportal prop，它会自动将下拉列表的位置设置在底部的任何数字列表中的元素。