use uppy-Root in status-bar when it’s mounted in DOM

similar to Dashboard

packages/@uppy/status-bar/src/StatusBar.js

@@ -82,7 +82,7 @@ module.exports = (props) => {
                            ${progressMode ? 'is-' + progressMode : ''}`
 
   const statusBarClassNames = classNames(
-    'uppy',
+    { 'uppy-Root': props.isTargetDOMEl },
     'uppy-StatusBar',
     `is-${uploadState}`,
     { 'uppy-StatusBar--detailedProgress': props.showProgressDetails }

packages/@uppy/status-bar/src/index.js

@@ -226,7 +226,8 @@ module.exports = class StatusBar extends Plugin {
       hideUploadButton: this.opts.hideUploadButton,
       hideRetryButton: this.opts.hideRetryButton,
       hidePauseResumeCancelButtons: this.opts.hidePauseResumeCancelButtons,
-      hideAfterFinish: this.opts.hideAfterFinish
+      hideAfterFinish: this.opts.hideAfterFinish,
+      isTargetDOMEl: this.isTargetDOMEl
     })
   }
 

website/src/examples/dragdrop/app.es6

@@ -6,13 +6,13 @@ const Tus = require('@uppy/tus')
 const uppyOne = new Uppy({debug: true, autoProceed: true})
 uppyOne
   .use(DragDrop, {target: '.UppyDragDrop-One'})
-  .use(Tus, {endpoint: '//master.tus.io/files/'})
+  .use(Tus, {endpoint: 'https://master.tus.io/files/'})
   .use(ProgressBar, {target: '.UppyDragDrop-One-Progress', hideAfterFinish: false})
 
 const uppyTwo = new Uppy({debug: true, autoProceed: false})
 uppyTwo
   .use(DragDrop, {target: '#UppyDragDrop-Two'})
-  .use(Tus, {endpoint: '//master.tus.io/files/'})
+  .use(Tus, {endpoint: 'https://master.tus.io/files/'})
   .use(ProgressBar, {target: '.UppyDragDrop-Two-Progress', hideAfterFinish: false})
 
 var uploadBtn = document.querySelector('.UppyDragDrop-Two-Upload')

website/src/examples/i18n/app.html

@@ -19,7 +19,7 @@ https://transloadit.edgly.net/releases/uppy/v0.27.4/dist/uppy.min.js -->
     }
   });
   uppy.use(Uppy.ProgressBar, { target: 'body', fixed: true, hideAfterFinish: false });
-  uppy.use(Uppy.Tus, { endpoint: '//master.tus.io/files/' });
+  uppy.use(Uppy.Tus, { endpoint: 'https://master.tus.io/files/' });
 
   console.log('--> Uppy pre-built version with Tus, DragDrop & Russian language pack has loaded');
 </script>

website/src/examples/statusbar/app.es6

@@ -6,5 +6,9 @@ const Tus = require('@uppy/tus')
 const uppyOne = new Uppy({debug: true, autoProceed: true})
 uppyOne
   .use(FileInput, { target: '.UppyInput', pretty: false })
-  .use(Tus, { endpoint: '//master.tus.io/files/' })
-  .use(StatusBar, { target: '.UppyInput-Progress', hideUploadButton: true })
+  .use(Tus, { endpoint: 'https://master.tus.io/files/' })
+  .use(StatusBar, {
+    target: '.UppyInput-Progress',
+    hideUploadButton: true,
+    hideAfterFinish: false
+  })