fix(clerk-js): Add inputMode="email" attr to email fields (#6440)

Author: alexcarpenter

.changeset/blue-ties-follow.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Add `inputmode="email"` to email fields to help prompt mobile devices to use a virtual keyboard optimized for entering email addresses.

packages/clerk-js/src/ui/primitives/Input.tsx

@@ -81,11 +81,12 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref)
 
   /**
    * type="email" will not allow characters like this one "ö", instead remove type email and provide a pattern that accepts any character before the "@" symbol
+   * inputMode="email" ensures the email keyboard appears on mobile devices
    */
 
   const typeProps =
     type === 'email'
-      ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$' }
+      ? { type: 'text', pattern: '^.*@[a-zA-Z0-9\\-]+\\.[a-zA-Z0-9\\-\\.]+$', inputmode: 'email' }
       : { type: type || 'text' };
 
   const passwordManagerProps = ignorePasswordManager