rssv | Stripe Developers | Page 1

scenic bayBOT Sep 19, 2023, 7:59 AM

#

haughty agate Sep 19, 2023, 7:59 AM

#

var card_num = elements.create('card');
card_num.mount('#card_num');

knotty fox Sep 19, 2023, 8:00 AM

#

What do you mean by 'clears the parent'?

haughty agate Sep 19, 2023, 8:01 AM

#

<div class="text-box-container 8l6kgi" id="card_num">
  <input type="text" autocomplete="off" class="text-box svelte-8l6kgi" id="card" placeholder="Card number">
  <div class="text-box-underline svelte-8l6kgi"></div>
  <div class="text-box-buttons svelte-8l6kgi"></div>
</div> ```

#

Let's say this is the input I want to shown in payment form,

#

```<div class="text-box-container 8l6kgi" id="card_num"> <div class="text-box-underline svelte-8l6kgi"></div> <div class="text-box-buttons svelte-8l6kgi"></div></div>````

#

I set it up like this, but whenever I mount the input from JS

card_num.mount('#card_num');

It clears the inline elements

knotty fox Sep 19, 2023, 8:02 AM

#

Are you using some kind of third-party Svelte lib for Stripe.js?

haughty agate Sep 19, 2023, 8:03 AM

#

My website used to built with Svelte, but it's currently native js & html (dumped the website, class names remains same as svelte), so no.

knotty fox Sep 19, 2023, 8:04 AM

#

I'd recommended looking at https://www.sveltestripe.com/

svelte-stripe

Everything you need to access Stripe payments with Svelte

haughty agate Sep 19, 2023, 8:04 AM

#

Downloaded JS from website, examples -> custom-payment-flow -> html -> card

knotty fox Sep 19, 2023, 8:04 AM

#

Stripe.js doesn't really work with these frameworks out of the box, and we don't have an official Svelte lib (only React)

haughty agate Sep 19, 2023, 8:04 AM

#

Website is not Svelte anymore.

#

Like I said, I dumped the website after fully loaded, it's native JS

knotty fox Sep 19, 2023, 8:05 AM

#

Then you'll need to provide me with a reproduction of the issue because I'm not fully understanding it

haughty agate Sep 19, 2023, 8:05 AM

#

.appendChild appends an element to desired element

#

.innerHTML changes the html of desired element

#

I want to append stripe card number input into a div, but it's behaviour same as innerHTML

knotty fox Sep 19, 2023, 8:07 AM

#

None of your code you shared includes that, hence why I've asked for a reproduction

haughty agate Sep 19, 2023, 8:07 AM

#

document.getElementById('card_num').innerHTML = card_num;
document.getElementById('card_num').appendChild(card_num);

#

card_num.mount('#card_num');
This code behaves like innerHTML one, I want to use it as second one

#

Nevermind then, I can add the rest of HTML by myself

knotty fox Sep 19, 2023, 8:17 AM

#

Yeah, not really sure what you're trying to do exactly but the Elements are pretty locked down and you can't really mutate them directly via JS

haughty agate Sep 19, 2023, 8:18 AM

#

That was my question.

#

Thanks for the helping tho

#rssv