jonas/donetick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

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

Browse Source
This commit is contained in:
Mo Tarbin
2026-03-11 22:26:42 -04:00
parent 5ec2db5dca
commit 17551f813b
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/index.css
View File

@@ -32,6 +32,15 @@ html {
/* Prevent iOS Safari from auto-zooming on input focus (triggered when font-size < 16px) */
@supports (-webkit-touch-callout: none) {
input,
textarea,
select {
font-size: max(16px, 1em);
}
}
/* Ensure smooth transitions for dynamic content */ /* Ensure smooth transitions for dynamic content */
* { * {
box-sizing: border-box; box-sizing: border-box;

7
src/views/components/RichTextEditor.css
View File

@@ -167,6 +167,13 @@
line-height: 1.5; 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 */ /* Custom focus styles */
.quill-root:focus-within .ql-toolbar.ql-snow { .quill-root:focus-within .ql-toolbar.ql-snow {
border-color: var(--joy-palette-primary-outlinedBorder, #1976d2); border-color: var(--joy-palette-primary-outlinedBorder, #1976d2);