Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hosted field's braintree-hosted-fields-valid class doesn't get injected

See original GitHub issue

General information

SDK version: 3.22.2
Environment: Sandbox
Browser and OS Chrome 60.0.3112.101 (Official Build) (64-bit) on MacOS 10.12.6

Issue description

The Hosted field’s braintree-hosted-fields-valid CSS class doesn’t get injected to the hosted field container when starting from an empty field. The only way I can get it to show up is by coming from the error state where braintree-hosted-fields-invalid was there.

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:6

Top GitHub Comments

2reactions

lilaconleecommented, Aug 29, 2017

No problem! Glad you figured it out!

0reactions

go1tcommented, Aug 29, 2017

@lilaconlee On closer inspection, it turned out that it was the problem on my end with React from its rerendering overriding the custom injected class.

Sorry for taking your time out of this, and thanks again for a very swift response! I will close this thread.

Top Results From Across the Web

Hosted Fields - / - Troubleshooting and FAQ - PayPal Developer

Media queries are injected as-is into the hosted fields. This means that any media queries will use the iframe viewport as their reference...

hosted-fields/external/hosted-fields.js - Braintree Open Source

get -styles-from-class"); var constants = require("../shared/constants"); var errors ... @property {?HostedFields~hostedFieldsFieldData} fields.cvv {@link ...

Hosted Fields | Examples | JavaScript

Bootstrap is a popular framework for HTML, CSS and JS. This sample shows Hosted Fields integrated into a Bootstrap styled form. ... var...

Recurly.js Reference | Recurly Developer Hub

Recurly provides enterprise-class subscription billing management for ... Previous versions of Recurly.js utilized a feature called Hosted Fields to render ...

Getting Creative with Hosted Fields: Introducing our Themed ...

Last year, Braintree introduced Hosted Fields: a fully customizable, PCI compliant method of accepting credit cards online.