Skip to content

fix(clerk-js): Make the instant password field focusable if autofilled#2283

Merged
desiprisg merged 1 commit intomainfrom
george/sdk-1028-password-field-not-accessible-by-keyboard
Dec 7, 2023
Merged

fix(clerk-js): Make the instant password field focusable if autofilled#2283
desiprisg merged 1 commit intomainfrom
george/sdk-1028-password-field-not-accessible-by-keyboard

Conversation

@desiprisg
Copy link
Copy Markdown
Contributor

@desiprisg desiprisg commented Dec 7, 2023

Description

When the instant password field was autofilled, we were showing it based on styles we were detecting, but we had no access to the value via js yet. This means we also need to make it focusable even if it does not have a value, but we have detected it has been autofilled.

Checklist

  • npm test runs as expected.
  • npm run build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Packages affected

  • @clerk/backend
  • @clerk/chrome-extension
  • @clerk/clerk-js
  • @clerk/clerk-expo
  • @clerk/fastify
  • gatsby-plugin-clerk
  • @clerk/localizations
  • @clerk/nextjs
  • @clerk/clerk-react
  • @clerk/remix
  • @clerk/clerk-sdk-node
  • @clerk/shared
  • @clerk/themes
  • @clerk/types
  • build/tooling/chore

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Dec 7, 2023

🦋 Changeset detected

Latest commit: 3c0ea0a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@clerk/clerk-js Patch
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch

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

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 7, 2023

⚠️ Changes detected under the ClerkJS ui directory!

Don't forget to apply the same changes under the /ui.retheme directory:
packages/clerk-js/src/ui/** ➡️ packages/clerk-js/src/ui.retheme/**

Also, you may need to update the following files:

  • packages/localizations/src/en-US.retheme.ts
  • packages/localizations/src/index.retheme.ts
  • packages/types/src/appearance.retheme.ts
  • packages/types/src/clerk.retheme.ts
  • packages/types/src/index.retheme.ts
  • packages/types/src/localization.retheme.ts

@desiprisg desiprisg force-pushed the george/sdk-1028-password-field-not-accessible-by-keyboard branch from 5eb07f1 to 3c0ea0a Compare December 7, 2023 09:40
Copy link
Copy Markdown
Contributor

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

I tested it locally, and fixes the issue 🎉

@desiprisg desiprisg requested review from anagstef and dimkl December 7, 2023 10:07
@desiprisg desiprisg added this pull request to the merge queue Dec 7, 2023
Merged via the queue into main with commit 445026a Dec 7, 2023
@desiprisg desiprisg deleted the george/sdk-1028-password-field-not-accessible-by-keyboard branch December 7, 2023 11:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants