Wierd Error Loading Uppy in a Foundation Reveal Modal

Uppy
1

Hi Everyone,

I have a complicated set up, I am loading a Uppy in a Foundation Reveal modal, using the same code as when I load up the Uppy in a page, and I keep on getting an error parent.appendChild is not a function. See the url for a screenshot.

Through debugging it seems that the issue is when its loading the StatusBar

The code is below, commented out section is because I am trying different ways to make it work but it isn’t working

        limit: 0,
        companionUrl: uppy_companion_url
      }).use(Uppy.Dashboard, {
        trigger: '#' + button_trigger_id,
        inline: true,
        //target: '#' + div_dashboard_id,
        target: '#uppy_container',
        replaceTargetContent: true,
        showProgressDetails: true,
        disableStatusBar: true,
        proudlyDisplayPoweredByUppy: false,
        height: 470,
        metaFields: [
          { id: 'name', name: 'Name', placeholder: 'file name' },
        ],
        browserBackButtonClose: true
      });

Has anyone had a similar issue? Or knows what could be the issue?

Note that this code is production code and is working. I tried to upgrade uppy from version 1.13 which I was using to 1.31, and I still have the issue.

Any help would be appreciated.

2

Ok, I found a workaround to the issue, I had to disableStatusBar and disableLoader for some reason when it went to append them, it was loading Dashboard object as the parent element, and as it’s not a DOMElement it threw that error.

When I get a chance I will try and see if I can replicate the issue in codepen or similar, because I am pretty sure its a bug.