FIX: Mobile composer helper trigger should work on Android and iOS (#763)

keegangeorge · web-flow · commit da9e19294937 · 2024-08-21T16:19:25.000-07:00
diff --git a/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
@@ -15,7 +15,8 @@
   max-width: unset;
   z-index: z("fullscreen");
   top: calc(
-    var(--mobile-virtual-screen-height) - var(--composer-helper-menu-height)
+    var(--mobile-virtual-screen-height) - var(--composer-helper-menu-height) -
+      env(keyboard-inset-height)
   );
   right: 0;
   padding-right: 1rem;
@@ -63,6 +64,12 @@
   }
 }
 
+.ios-safari-composer-hacks .ai-composer-helper-menu:not(.is-expanded) {
+  top: calc(
+    var(--mobile-virtual-screen-height) - var(--composer-helper-menu-height)
+  );
+}
+
 @keyframes slide-in {
   0% {
     opacity: 0;
