在 MUI 的自动完成中使用 tabIndex 时出错

Question

I want to use tabIndex in autocomplete of MUI using inputProps={{ tabIndex: tabIndex ?? -1 }} inputProps={{ tabIndex: tabIndex ?? -1 }} but when I use this property , and then clicked on dropdown button page disappear can any body help me what is the problem ?

Answer 1

You also need to spread the params.inputProps from the Autocomplete :

<TextField
  {...params}
  inputProps={{ ...params.inputProps, tabIndex: 1 }}
  label="freeSolo"
/>