Merge pull request #614 from dtereshenko/DSCO-5175

feat(Drawer): Update drawer styles to fix iPhone bug with Hamburger m…
ticketmaster · Nov 12, 2019 · cd1a1f4 · cd1a1f4
2 parents c2f6237 + d4bb330
commit cd1a1f4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Drawer/Drawer.styles.js b/src/components/Drawer/Drawer.styles.js
@@ -14,14 +14,15 @@ export const DrawerContainer = styled.div`
   bottom: 0;
   right: 0;
   visibility: hidden;
-  transform: translateY(-100%);
   opacity: 0;
   transition: opacity 300ms ${constants.easing.easeInOutQuad};
   overflow: hidden;
   z-index: -1;
 
   &.drawer__content--open {
-    transform: translateY(0);
+    /* Needed to fix iOS Safari issue with Hamburger position after location change */
+    transform: translateZ(0);
+
     visibility: visible;
     opacity: 1;
   }