-
Notifications
You must be signed in to change notification settings - Fork 63
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
LG-4507: fix autocomplete styles in FormFieldInputContainer #2475
Conversation
🦋 Changeset detectedLatest commit: f0e7a51 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Size Change: -106 B (-0.01%) Total Size: 1.36 MB
ℹ️ View Unchanged
|
.changeset/late-houses-work.md
Outdated
@@ -0,0 +1,8 @@ | |||
--- | |||
'@leafygreen-ui/form-field': patch | |||
'@leafygreen-ui/date-picker': patch |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think that you need to include date-picker, text-area, and text-input since you're not manually bumping the dependency version. The version PR should automatically bump the version and add a changeset.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good - I left a minor comment about the changeset.
099457c
to
f0e7a51
Compare
✍️ Proposed changes
We received a report of a UI bug in form field components that are using the
FormFieldInputContainer
. When the descendant input element is autocompleted,:-webkit-autofill
pseudo-selector is applied to the element. Because we useFormFieldInputContainer
to handle the styling of the form field, some of the styles are being duplicated in the input element. The issue is especially observable in
TextInputbecause the input element doesn't fully stretch the space in
FormFieldInputContainer`.We also bump
@leafygreen-ui/text-area
and@leafygreen-ui/date-picker
which similarly useFormFieldInputContainer
although there is less impact because there aren't uses of those components with theautoComplete
prop.🎟 Jira ticket: LG-4507
✅ Checklist
For bug fixes, new features & breaking changes
yarn changeset
and documented my changes🧪 How to test changes
TextInput
storybook instanceTextArea
storybook instanceDatePicker
storybook instance