square / maker

Maker Design System by Square

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Maker Inputs Autofill handling

sonatata opened this issue · comments

Feature request

When users have saved information on their browser, autofill will render input fields as such on Chrome:
image

Why?

Would be nice to have the Maker Input and Select components handle this rather than the consumer

Alternatives

adding this fixes the issue for chrome on the consumer side for inputs

  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus, 
  input:-webkit-autofill:active{
      -webkit-box-shadow: 0 0 0 30px var(--neutral-0) inset !important;
      -webkit-text-fill-color: var(--neutral-100) !important;
  }

Additional context

No response

closing as i believe this was fixed in this merged pr: #382