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; + } }