# Why do so many plugins not work in popups?

**URL:** <https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986>\
**Category:** Questions\
**Created:** [November 21, 2018, 10:40pm UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986 "2018-11-21T22:40:17Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kfawcett](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kfawcett/32/38097_2.png) [@Kfawcett](https://forum.bubble.io/u/Kfawcett)\
**Post date:** [November 21, 2018, 10:40pm UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/1 "2018-11-21T22:40:17Z")

</div>

I’ve been trying to use different date calendar plugins, but it seems most of them do not work in a popup. What would cause this and is there a simple solution?

---

<div class="post-metadata">

**Author:** ![mishav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mishav/32/6420_2.png) [@mishav](https://forum.bubble.io/u/mishav)\
**Post date:** [November 22, 2018, 2:23am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/2 "2018-11-22T02:23:06Z")

</div>

I went through fixing for this for some elements … as I remember it, when an element is in a popup, before popping up, it has a size of 0, and gets resized when then popup is shown. If this hasn’t been anticipated, it could mess up the rendering.

---

<div class="post-metadata">

**Author:** ![Kfawcett](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kfawcett/32/38097_2.png) [@Kfawcett](https://forum.bubble.io/u/Kfawcett)\
**Post date:** [November 22, 2018, 2:34am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/3 "2018-11-22T02:34:08Z")

</div>

It seems like it has to do with the plugin code initializing before the element is visible, or something like that. All of the native bubble elements work fine, so I wonder if it’s something that Bubble could correct or if it’s on each individual plugin developer to know about this issue and how to correct it. If it’s the latter, then I would hope Bubble would provide documentation for the issue.

---

<div class="post-metadata">

**Author:** ![mebeingken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mebeingken/32/20139_2.png) [@mebeingken](https://forum.bubble.io/u/mebeingken)\
**Post date:** [November 22, 2018, 2:38am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/4 "2018-11-22T02:38:00Z")

</div>

There is, at minimum, one plugin that does not work well unless hidden on page load and then made visible through later action… Maybe that would be a workaround here?

---

<div class="post-metadata">

**Author:** ![mishav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mishav/32/6420_2.png) [@mishav](https://forum.bubble.io/u/mishav)\
**Post date:** [November 22, 2018, 2:38am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/5 "2018-11-22T02:38:03Z")

</div>

The situation is a lot worse for an element in a repeating group, when the list items are moved around, the elements aren’t moved to match.

> [@mebeingken](#):
>
> Maybe that would be a workaround here?

Another workaround could be to have a dynamic expression in one of the properties, and change its value after showing the popup.

---

<div class="post-metadata">

**Author:** ![keith](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/keith/32/56020_2.png) [@keith](https://forum.bubble.io/u/keith)\
**Post date:** [November 22, 2018, 3:13am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/6 "2018-11-22T03:13:15Z")

</div>

@gaurav seems to account for whatever the issue is (be it proper code inclusion and/or sizing) in his plugins. He could probably tell us what the issue is and how he properly accounts for it.

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [November 22, 2018, 6:50am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/7 "2018-11-22T06:50:51Z")

</div>

Don’t recall specifically having to account for this… Also I can’t compare for how other plugins are built as never used them. Maybe they need to wait for document to be ready?

---

<div class="post-metadata">

**Author:** ![keith](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/keith/32/56020_2.png) [@keith](https://forum.bubble.io/u/keith)\
**Post date:** [November 22, 2018, 7:09am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/8 "2018-11-22T07:09:54Z")

</div>

You have a checkbox for this in your Phone Input plug.

---

<div class="post-metadata">

**Author:** ![yusaney1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/yusaney1/32/217015_2.png) [@yusaney1](https://forum.bubble.io/u/yusaney1)\
**Post date:** [November 22, 2018, 7:18am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/9 "2018-11-22T07:18:51Z")

</div>

Bubble it’s bit special with this.

The reason that’s happening it’s because in groups/pop-ups the “code” loads before the group.

Groups/pop-ups don’t load on the page load but only when they become visible the first time.

So basically we have to run the plug-in code after pop-up/group gets visible or otherwise the script gets broken.

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [November 22, 2018, 9:42am UTC](https://forum.bubble.io/t/why-do-so-many-plugins-not-work-in-popups/42986/10 "2018-11-22T09:42:07Z")

</div>

Thats for a different function… I think what I did in my demo to make it work is to make the element visible only after pop up is visible.
