From: Stephen Cameron <stephen@cubedesigners.com>
Date: Wed, 11 Sep 2019 17:24:19 +0000 (+0200)
Subject: Fix iOS bug related to menu + also remove unwanted form input styling. Done #3032... 
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=24e4c32e97bd78f1ebed784e3bafc30280da497c;p=pmi.git

Fix iOS bug related to menu + also remove unwanted form input styling. Done #3032 @0.75
---

diff --git a/resources/styles/components/form.styl b/resources/styles/components/form.styl
index 825a20f..06c2f74 100644
--- a/resources/styles/components/form.styl
+++ b/resources/styles/components/form.styl
@@ -16,7 +16,7 @@
     text-align: right
 
   input, textarea
-    @apply block w-full outline-none border border-grey-100 text-grey-dark rounded p-3
+    @apply block w-full outline-none border border-grey-100 text-grey-dark rounded p-3 appearance-none
 
     &:focus
       border-color: theme('colors.grey.250')
diff --git a/resources/styles/components/mmenu.styl b/resources/styles/components/mmenu.styl
index eb4cc17..dc213f4 100644
--- a/resources/styles/components/mmenu.styl
+++ b/resources/styles/components/mmenu.styl
@@ -65,7 +65,7 @@
           transform: scale(0)
 
 
-#mobile-menu-icon
+
 .mm
   font-family: theme('fontFamily.display')
   font-weight: 400
@@ -74,6 +74,13 @@
   --mm-item-height: var(--header-height)
   --mm-item-item-height: 65px
 
+  // On iOS, the submenu items still are clickable sometimes even
+  // though the menu is offscreen. This can also block other parts of
+  // the page so we disable pointer-events until it is actually open.
+  pointer-events: none
+  .mm-body--open &
+    pointer-events: auto
+
   .mm--close
     padding: 0
     height: var(--header-height)