diff --git a/src/components/observables/QResizeObservable.js b/src/components/observables/QResizeObservable.js
index <HASH>..<HASH> 100644
--- a/src/components/observables/QResizeObservable.js
+++ b/src/components/observables/QResizeObservable.js
@@ -34,10 +34,10 @@ export default {
   },
   render (h) {
     return h('object', {
-      style: 'display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;visibility:hidden;',
+      style: this.style,
       attrs: {
         type: 'text/html',
-        data: this.$q.platform.is.ie ? null : 'about:blank',
+        data: this.url,
         'aria-hidden': true
       },
       on: {
@@ -48,6 +48,11 @@ export default {
       }
     })
   },
+  beforeCreate () {
+    const ie = this.$q.platform.is.ie
+    this.style = `display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;${ie ? 'visibility:hidden;' : ''}`
+    this.url = ie ? null : 'about:blank'
+  },
   mounted () {
     this.parent = this.$el.parentNode
     this.size = { width: -1, height: -1 }
fix(QResizeObservable): Use visibility hidden only for IE (#<I>)

Hides object border on IE and fixes Firefox