search

mui / toolpad

Toolpad: Full stack components and low-code builder for dashboards and internal apps.
https://mui.com/toolpad/
MIT License
963 stars 243 forks source link

Search bar looks strange when filled on dark mode #4037

Open Janpot opened 2 weeks ago

Janpot commented 2 weeks ago

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 Screenshot 2024-09-03 at 14 35 15

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 commented 2 weeks ago

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

Janpot commented 2 weeks ago

Looks like it's related to autofill

https://github.com/user-attachments/assets/91c45899-c4a1-4d5f-804b-5eba5a7272c8

apedroferreira commented 5 days ago

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 commented 5 days ago

There's https://github.com/mui/material-ui/issues/33519, but you could probably just remove the id="search" from the input