Autocomplete popupIcon icon is turning down

[FreakDroid]

Steps to reproduce

Link to live example: Demo

Steps:

1. See the icon in the autocomplete
2. Click the autocomplete to search any value
3. See the icon turning down.

Current behavior

In the autocomplete component the popupIcon (custom icon) is turning down when the autocomplete is opened.

Closed:

Opened:

Expected behavior

If the icon is not an arrow, the orientation should be kept. Probably can we give to the user the option to decide whether to flip the icon or not.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Autocomplete custom icon
Order ID: 77137

Search keywords:

[korkt-kim]

you can solve the problem like this way

export default function ComboBox() {
  return (
    <Autocomplete
      disablePortal
      id="combo-box-demo"
      options={top100Films}
      sx={{
        width: 300,
        "& .MuiAutocomplete-popupIndicator": { transform: "none" }, // added
      }}
      open={true}
      forcePopupIcon={true}
      clearIcon={<SearchIcon fontSize="small" />}
      popupIcon={<SearchIcon fontSize="small" />}
      renderInput={(params) => <TextField {...params} label="Movie" />}
    />
  );
}

[FreakDroid]

@korkt-kim Thanks for that this resolve my issue.

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@FreakDroid: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.