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

fix: input field label autocomplete bug fix #289

Merged
merged 7 commits into from
Dec 14, 2022

Conversation

atomictangerine
Copy link
Contributor

What I did

Input field label autocomplete bug fix

@atomictangerine atomictangerine self-assigned this Dec 9, 2022
@atomictangerine atomictangerine requested a review from a team as a code owner December 9, 2022 22:10
@atomictangerine atomictangerine requested review from artmsilva, clairehhelms and wp-aberg and removed request for a team December 9, 2022 22:10
@vercel
Copy link

vercel bot commented Dec 9, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
wpds-ui-kit ✅ Ready (Inspect) Visit Preview Dec 13, 2022 at 4:51PM (UTC)
wpds-ui-kit-storybook ✅ Ready (Inspect) Visit Preview Dec 13, 2022 at 4:51PM (UTC)

ui/theme/src/stitches.config.ts Outdated Show resolved Hide resolved
@@ -135,16 +139,55 @@ export const InputText = React.forwardRef<HTMLInputElement, InputTextProps>(
},
ref
) => {
const [helperId, setHelperId] = React.useState<string | undefined>();
const [errorId, setErrorId] = React.useState<string | undefined>();
globalJsTriggerAnimations();
Copy link
Contributor Author

@atomictangerine atomictangerine Dec 12, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Explicitly calling our trigger animations here. The animations have to be in globalCss in order for them to not lose their names. Creating the animations inside the component did not work, not as a const as recommended by the Stitches API, when inside the unstyledInput styles, etc. since Stitches changes the class names. Also followed this pattern in TextArea. This also means that the styles will be applied even if our globalStyles are not being used.

ui/theme/src/stitches.config.ts Outdated Show resolved Hide resolved
ui/input-text/README.md Outdated Show resolved Hide resolved
@atomictangerine atomictangerine merged commit 09c2bd0 into main Dec 14, 2022
@atomictangerine atomictangerine deleted the fix/input-field-shrinkage branch December 14, 2022 20:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants