DropinError, Vue 3, "options.selector or options.container must reference an empty DOM node"

[zainali99]

General information

• SDK/Library version: "braintree-web-drop-in": "^1.31.0"
• Environment: sandbox, (Node, vue)
• Browser and OS: Chrome 91.0.4472.77 (Official Build) (64-bit) (linux - Ubuntu 20.04.2 LTS)

Issue description

I was integrating the package: braintree-web-drop-in and the rendering of the component works, only one thing i notice that i get this strange error:

searching on, i see the lines: #472

this condition is returning to me true, in my opinion it should be: ..trim() == ""

code:

var e = document.querySelector('#bt-dropin')
console.log(e, e.innerHTML, e.innerHTML.trim());
dropin.create({
            authorization: code,
            container: "#bt-dropin",
            vaultManager: true,
            threeDSecure: true,
            locale: vm.getBraintreeLocale,
            card: {
                cardholderName: true,
            },
            dataCollector: {
                paypal: true,
            },
        }, function(createErr, dropinInstance) {
            vm.dropinInstance = dropinInstance;
            console.log(createErr, dropinInstance)
            if (dropinInstance.isPaymentMethodRequestable()) {
                // This will be true if you generated the client token
                // with a customer ID and there is a saved payment method
                // available to tokenize with that customer.
                vm.showSubmitButton = true;
            }

            dropinInstance.on("paymentMethodRequestable", function() {
                vm.showSubmitButton = true;
            });

            dropinInstance.on("noPaymentMethodRequestable", function() {
                vm.showSubmitButton = false;
            });
        }

[zainali99]

nevermind im calling twice the rendering function, closing.