feat(QResizeObserver)/fix(QDrawer): Emmit immediately on QResizeObserver creation; Fix QLayout containerized right-side drawer position on a QDialog that gets reopened

Author: rstoenescu

ui/src/components/layout/QDrawer.js

@@ -104,6 +104,7 @@ export default Vue.extend({
         this.lastDesktopState !== false
       ) { // from xs to lg
         if (this.showing === true) {
+          this.__applyPosition(0)
           this.__applyBackdrop(0)
           this.__cleanup()
         }
@@ -337,7 +338,11 @@ export default Vue.extend({
         ) {
           position += this.stateDirection * this.layout.scrollbarWidth
         }
-        this.$refs.content.style.transform = `translateX(${position}px)`
+
+        if (this.__lastPosition !== position) {
+          this.$refs.content.style.transform = `translateX(${position}px)`
+          this.__lastPosition = position
+        }
       }
     },
 

ui/src/components/observer/QResizeObserver.js

@@ -11,20 +11,20 @@ export default Vue.extend({
 
   props: {
     debounce: {
-      type: [String, Number],
+      type: [ String, Number ],
       default: 100
     }
   },
 
   data () {
-    return this.hasObserver
+    return this.hasObserver === true
       ? {}
-      : { url: this.$q.platform.is.ie ? null : 'about:blank' }
+      : { url: this.$q.platform.is.ie === true ? null : 'about:blank' }
   },
 
   methods: {
-    trigger (immediately) {
-      if (immediately === true || this.debounce === 0 || this.debounce === '0') {
+    trigger (now) {
+      if (now === true || this.debounce === 0 || this.debounce === '0') {
         this.__onResize()
       }
       else if (!this.timer) {
@@ -72,7 +72,7 @@ export default Vue.extend({
         this.curDocView.addEventListener('resize', this.trigger, listenOpts.passive)
       }
 
-      this.trigger(true)
+      this.__onResize()
     }
   },
 
@@ -110,12 +110,13 @@ export default Vue.extend({
     if (this.hasObserver === true) {
       this.observer = new ResizeObserver(this.trigger)
       this.observer.observe(this.$el.parentNode)
+      this.__onResize()
       return
     }
 
-    if (this.$q.platform.is.ie) {
+    if (this.$q.platform.is.ie === true) {
       this.url = 'about:blank'
-      this.trigger(true)
+      this.__onResize()
     }
     else {
       this.__onObjLoad()