Fix https://github.com/donetick/frontend/issues/72 Add styles to prevent iOS Safari auto-zoom on input focus in index.css and RichTextEditor.css

2026-03-11 22:26:42 -04:00
parent 5ec2db5dca
commit 17551f813b
2 changed files with 16 additions and 0 deletions
--- a/src/views/components/RichTextEditor.css
+++ b/src/views/components/RichTextEditor.css
@@ -167,6 +167,13 @@
  line-height: 1.5;
 }

+/* Prevent iOS Safari from auto-zooming on focus (triggered when font-size < 16px) */
+@supports (-webkit-touch-callout: none) {
+  .quill-root .ql-editor {
+    font-size: 16px;
+  }
+}
+
 /* Custom focus styles */
 .quill-root:focus-within .ql-toolbar.ql-snow {
  border-color: var(--joy-palette-primary-outlinedBorder, #1976d2);