From 2b969c74e81ae2ba7f6a99fef95f5c6f126b4645 Mon Sep 17 00:00:00 2001
From: Alexander Platov <alexander.platov@hardcoreeng.com>
Date: Fri, 6 Dec 2024 04:17:36 +0300
Subject: [PATCH] Fixes for mobile (#7271)

---
 packages/theme/styles/_layouts.scss                       | 8 ++++++++
 .../src/components/MentionList.svelte                     | 7 +++++++
 2 files changed, 15 insertions(+)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index 794ef8d2d6..0002c6d0e6 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -84,6 +84,14 @@ select:-webkit-autofill:focus {
   background: transparent;
 }
 
+// Fix for iOS (disable zooming on input fields)
+@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) { 
+  select,
+  textarea,
+  input,
+  div.ref-container div.select-text > div[contenteditable="true"] { font-size: 16px; }
+}
+
 table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
diff --git a/plugins/text-editor-resources/src/components/MentionList.svelte b/plugins/text-editor-resources/src/components/MentionList.svelte
index 55e491e7b8..1b0c06c482 100644
--- a/plugins/text-editor-resources/src/components/MentionList.svelte
+++ b/plugins/text-editor-resources/src/components/MentionList.svelte
@@ -139,5 +139,12 @@
     min-width: 0;
     min-height: 0;
     z-index: 10001;
+
+    @media screen and (max-width: 480px) {
+      position: fixed;
+      left: var(--spacing-1);
+      width: calc(100vw - var(--spacing-1) * 2);
+      height: 10rem;
+    }
   }
 </style>