Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

OutlinedInput receives background on search inputs on iOS #29365

Closed
2 tasks done
nicbarajas opened this issue Oct 28, 2021 · 2 comments · Fixed by #29383
Closed
2 tasks done

OutlinedInput receives background on search inputs on iOS #29365

nicbarajas opened this issue Oct 28, 2021 · 2 comments · Fixed by #29383
Labels
component: text field This is the name of the generic UI component, not the React module! support: question Community support but can be turned into an improvement

Comments

@nicbarajas
Copy link
Contributor

When viewing an OutlinedInput with a search input type, it does not override the background color which means the color remains white regardless of the context. I wasn’t sure if this was potentially related to #29151 so I wanted to make sure I filed this separately, as it’s happening out of the box.

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The input is always white, regardless of the theme.

Expected Behavior 🤔

The input type should not affect the display of the background color.

Steps to Reproduce 🕹

CodeSandbox: https://codesandbox.io/s/withered-shadow-s58f4

Your Environment 🌎

This can be seen on Safari when running on iOS or iPadOS 15.1.

@nicbarajas nicbarajas added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Oct 28, 2021
@mnajdova
Copy link
Member

It could be related to #23332 Could you try if it works with set WebkitTextFillColor?

@mnajdova mnajdova added component: text field This is the name of the generic UI component, not the React module! support: question Community support but can be turned into an improvement and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Oct 29, 2021
@nicbarajas
Copy link
Contributor Author

@mnajdova I’m not really familiar with contributing here but I can give it a shot if you’d like!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: text field This is the name of the generic UI component, not the React module! support: question Community support but can be turned into an improvement
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants