From 7501ff7ab5003c364912c990e568c6e614faaf98 Mon Sep 17 00:00:00 2001 From: Hikaru Y <47855854+hikaru-y@users.noreply.github.com> Date: Tue, 25 Jan 2022 09:35:13 +0900 Subject: [PATCH] Fix field content overflowing its container (#1618) --- ts/editable/ContentEditable.svelte | 4 +++- ts/editor/EditorField.svelte | 2 -- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ts/editable/ContentEditable.svelte b/ts/editable/ContentEditable.svelte index 3931b47a7..680010fba 100644 --- a/ts/editable/ContentEditable.svelte +++ b/ts/editable/ContentEditable.svelte @@ -55,7 +55,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html display: block; padding: 6px; overflow: auto; - overflow-wrap: break-word; + overflow-wrap: anywhere; + /* fallback for iOS */ + word-break: break-word; &:focus { outline: none; diff --git a/ts/editor/EditorField.svelte b/ts/editor/EditorField.svelte index 81aff62a2..18ca1823f 100644 --- a/ts/editor/EditorField.svelte +++ b/ts/editor/EditorField.svelte @@ -104,8 +104,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html border-radius: 5px; border: 1px solid var(--border-color); - min-width: 0; - &:focus-within { --border-color: var(--focus-border);