Safari 18 Autofill no longer working in Hosted Fields

[mcdonell-miller]

Safari Autofill no longer works with Safari 18 in the Braintree Hosted Fields and in the Braintree Drop-in UI. It is broken for all fields except for the card number.

Expected behaviour would be that all these fields should work with autofill:

• Cardholder Name
• Card Number (only this field works)
• Expiry Date
• CVV

SDK version: braintree-web 3.116.3 (current)
Drop-In UI version: braintree-web-drop-in 1.44.1 (current)

Apple seems to rely on the values of the 'id' and 'name' attributes of the input fields for the 4 fields listed above.

However, we can't set the 'id' and the 'name' attributes of the Hosted Fields. And we probably shouldn't set them, since the console logs these errors:

BraintreeError
HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED
"The "id" attribute is not supported in Hosted Fields."

BraintreeError
HOSTED_FIELDS_ATTRIBUTE_NOT_SUPPORTED
"The "name" attribute is not supported in Hosted Fields."

Please improve the Hosted Fields and the Dropin UI, so the Safari 18.x autofill works again.

[salexander6]

I'm experiencing this as well. Anyone find a workaround?