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

diff --git a/resources/styles/components/form.styl b/resources/styles/components/form.styl
index 825a20f8f93ae1fc2c0b040c27ef39146ac80013..06c2f74ef604fca32f1bd6848d7e142233e26d66 100644 (file)
--- 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 eb4cc17034483ac55ec8cfe714f8a42f2d359016..dc213f4345f64fb6c236432e6adc334335403142 100644 (file)
--- 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)