fix(QLayoutDrawer): RTL positioning when switching back and forth to a Quasar RTL language pack

Author: rstoenescu

src/components/layout/QLayoutDrawer.js

@@ -117,6 +117,15 @@ export default {
       if (this.mobileOpened || this.onScreenOverlay) {
         this.hide()
       }
+    },
+    rightSide () {
+      this.applyPosition()
+    },
+    size () {
+      this.applyPosition()
+    },
+    '$q.i18n.rtl' () {
+      this.applyPosition()
     }
   },
   computed: {
@@ -283,6 +292,16 @@ export default {
   },
   methods: {
     applyPosition (position) {
+      if (position === void 0) {
+        this.$nextTick(() => {
+          position = this.showing
+            ? 0
+            : (this.$q.i18n.rtl ? -1 : 1) * (this.rightSide ? 1 : -1) * this.size
+
+          this.applyPosition(position)
+        })
+        return
+      }
       css(this.$refs.content, cssTransform(`translateX(${position}px)`))
     },
     applyBackdrop (x) {

src/components/layout/QPageSticky.js

@@ -80,10 +80,10 @@ export default {
 
       if (attach.vertical) {
         if (this.left) {
-          css.left = `${this.left}px`
+          css[this.$q.i18n.rtl ? 'right' : 'left'] = `${this.left}px`
         }
         if (this.right) {
-          css.right = `${this.right}px`
+          css[this.$q.i18n.rtl ? 'left' : 'right'] = `${this.right}px`
         }
       }
       else if (attach.horizontal) {