Search bar looks strange when filled on dark mode

[Janpot]

Steps to reproduce

1. Visit https://deploy-preview-3984--mui-toolpad-docs.netlify.app/toolpad/core/react-dashboard-layout/#customization
2. put something in the search bar

Current behavior

It looks a bit off

Expected behavior

No response

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: search bar

[apedroferreira]

Works fine for me... you just typed anything in the search bar with the demo in dark mode?

[Janpot]

Looks like it's related to autofill

Screen.Recording.2024-09-04.at.15.21.54.mov

[apedroferreira]

I've tried but so far couldn't find a way to get autofill suggestions on that demo on Chrome.
LMK if there's a way or if you can debug this better.
Also not sure if this isn't normal behavior or a possible issue with the MUI Core component...

[Janpot]

There's mui/material-ui#33519, but you could probably just remove the id="search" from the input

[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.