fix(pininput): fix safari autofill styles

square / maker

Maker Design System by Square

https://square.github.io/maker/styleguide/latest-stable/

Other

63 stars 14 forks source link

fix(pininput): fix safari autofill styles #536

Closed tatems closed 1 year ago

tatems commented 1 year ago

Describe the problem this PR addresses

Closes #535 Updates the styling of the pininput input element to hide the safari yellow background and text colour, which was causing the text to appear twice on iOS browsers.

Describe the changes in this PR

Set webkit autofill background to maker bg color
Set webkit autofill color to transparent
Rearranged cell to be above input instead of the other way around

Other information

github-actions[bot] commented 1 year ago

Deployed Styleguide and Lab.

Notes

Links may take a few minutes to update after PR is opened or commit is pushed.
Links may become invalidated after PR is merged or closed.
Links for all releases and open PRs can be found on the Maker Deploys page.

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 17.2.1 :tada:

The release is available on:

Your semantic-release bot :package::rocket: