Nuxt.js with Bootstrap Vue Ui

[metinjakupi]

Hello 👋, im using productzoomer with b-modal and it doesn't works below is the code is use

` <b-modal ref="my-modal" centered modal-class="wcModal" hide-footer hide-header >

`

and look how it looks inside of the modal

[smaharj1]

Looks like the issue here is that the modal is not rendered when the page loads. I see that using nextTick would solve this issue.

@akulubala , can I grab this issue and work on it?

[akulubala]

Hi, @smaharj1 ， thanks helping, I'll merge and publish your pull request later.

[smaharj1]

Hi, @smaharj1 ， thanks helping, I'll merge and publish your pull request later.

I think this would also solve #51

[metinjakupi]

@smaharj1 Does your fix works? Because i forked and changed window load thing added nextTick still same issue :/

[smaharj1]

@smaharj1 Does your fix works? Because i forked and changed window load thing added nextTick still same issue :/

I didn't try it in Nuxt but I just did it regularly in a web app with vue bootstrap. changing it to nextTick worked for me. Also, do you have the ProductZoomer somewhere else in that same page? If that's the case, it won't work but that's a separate issue.

For reference,

[metinjakupi]

@smaharj1 I added setTimeout (500) and it works.