-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Vue] Not all required components are mounted - on second load #24
Comments
What we have discovered is that every time the page/component with the payment form is opened within the same session - So if you come across situations when your form may be hidden and shown multiple times you have to manually check for this tag and clean this up before initializing again. I would hope this check or some other mitigation will be someday added to the Mollie.js library. |
Hey, happy to get you an update on this @andyslack. A bug on our end most likely caused this. Unmounting was fixed in the last release. I would advise you to unmount all Mollie components during the We are also preparing yet another fix, that will unmount Mollie components automatically when they are removed from DOM. However, we still advise developers to unmount Mollie components themselves. Do not hesitate to reach us again, if you are still experiencing this or any other issue. |
Thank you for reporting this @shershen08. This is most likely not connected with the issue that andyslack is experiencing. However, I created a new issue report for this while we are looking into it. |
We just release a fix, that will automatically unmount Mollie components when they are removed from DOM. This was mentioned in #24 (comment). |
Hi Guys,
I have an issue with implementing components into a Vue application.
On first load everything works fine, however if the user navigates to another route and then back again, the form is passing this error on submission:
Not all required components are mounted, see https://docs.mollie.com/guides/mollie-components/reference for more info.
I have tried everything to get this working, including re-mounting the components (but they are already mounted).
For now, I have a very dirty hack that if they get this error I do a
location.reload()
but I could really do with a proper fix for this.Here is a loom recording: https://www.loom.com/share/34b681a889e647af949d7269b348a5ed
Attached are some screenshots, or you can see this in the real world here: BlackWolf Checkout
![Screenshot 2022-08-05 at 08 52 37](https://user-images.githubusercontent.com/3747768/183024443-6ce1e1c4-0fed-4002-9152-dd6e1278ecf7.png)
![Screenshot 2022-08-05 at 08 52 51](https://user-images.githubusercontent.com/3747768/183024447-98fe08d1-30f9-420d-a265-ae5cb962a6bc.png)
The text was updated successfully, but these errors were encountered: