From 1ec9d0c90e4105d1270821bc5b3ad896331c9788 Mon Sep 17 00:00:00 2001
From: Brandon Sansone <bsansone@users.noreply.github.com>
Date: Tue, 16 Jun 2020 13:56:11 -0500
Subject: [PATCH] Calculate translation offset with safe area insets

---
 components/MultiDrawer.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/MultiDrawer.vue b/components/MultiDrawer.vue
index 317cb70..2eabff1 100644
--- a/components/MultiDrawer.vue
+++ b/components/MultiDrawer.vue
@@ -234,12 +234,13 @@
       },
       onDrawerLayoutChange(side) {
         const view = this.$refs[`${side}Drawer`][0].nativeView
+        const safeAreaInsets = view.getSafeAreaInsets()
         this.sides[side].translationOffset =
           this.optionsInternal[side].translationOffsetMultiplier *
           utils.layout.toDeviceIndependentPixels(
             this.optionsInternal[side].axis === 'X'
-              ? view.getMeasuredWidth()
-              : view.getMeasuredHeight()
+              ? (view.getMeasuredWidth() + safeAreaInsets.left + safeAreaInsets.right)
+              : (view.getMeasuredHeight() + safeAreaInsets.bottom + safeAreaInsets.top)
           )
       },
       onBackDropPan(args) {