braintree-web icon indicating copy to clipboard operation
braintree-web copied to clipboard

Hosted fields: New cardholderName input shows numeric keypad

Open maxgutman opened this issue 8 months ago • 2 comments

General information

SDK version: 3.91.0 Environment: any Browser and OS: any

Issue description

Here's how the field is rendered in the iframe:


<input 
	autocomplete="cc-name" 
	type="text" 
	autocorrect="off" 
	autocapitalize="none" 
	spellcheck="false" 
	class="cardholderName" 
	data-braintree-name="cardholderName" 
	name="cardholder-name" 
	id="cardholder-name" 
	inputmode="numeric" 
	placeholder="Name on card" 
	maxlength="255" 
	aria-describedby="field-description-cardholderName"
>

I believe inputmode should be set to "text" instead of "numeric"

maxgutman avatar Apr 03 '25 20:04 maxgutman

I am seemingly able to make it work if I add "type: text" to the fields option, but I still believe the default should be text and not numeric.


fields: {
              cardholderName: { selector: "#cardholder-name", placeholder: "Name on card", type: "text"},
...
}

maxgutman avatar Apr 03 '25 20:04 maxgutman

can you please assign this issue to me?

maishivamhoo123 avatar Aug 30 '25 06:08 maishivamhoo123