From a8208b398a56ad181fd8fb2071ab7add9e29e30a Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 13 Jun 2022 11:59:23 +0200 Subject: [PATCH 1/4] Prevent new composer from overflowing from non-breakable text --- res/css/views/rooms/_MessageComposer.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss index 5c34f78a8be..63707908a0a 100644 --- a/res/css/views/rooms/_MessageComposer.scss +++ b/res/css/views/rooms/_MessageComposer.scss @@ -37,6 +37,8 @@ limitations under the License. } .mx_MessageComposer_row { + /* This forces the composer to wrap its content, even if it has no word boundaries. Fixes #22507 */ + overflow: hidden; grid-area: composer; } From dd3ab86af62f7b1a5df7cdaa43671863707df012 Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 13 Jun 2022 12:40:41 +0200 Subject: [PATCH 2/4] Keep formatting toolbar visible --- res/css/views/rooms/_MessageComposer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss index 63707908a0a..f67418f7681 100644 --- a/res/css/views/rooms/_MessageComposer.scss +++ b/res/css/views/rooms/_MessageComposer.scss @@ -38,7 +38,7 @@ limitations under the License. .mx_MessageComposer_row { /* This forces the composer to wrap its content, even if it has no word boundaries. Fixes #22507 */ - overflow: hidden; + overflow-x: clip; grid-area: composer; } From 3578a3e9cbf837bc1147cd095a519c03720931b6 Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 13 Jun 2022 12:42:00 +0200 Subject: [PATCH 3/4] remove unnecessary comment --- res/css/views/rooms/_MessageComposer.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss index f67418f7681..a1b1b70e284 100644 --- a/res/css/views/rooms/_MessageComposer.scss +++ b/res/css/views/rooms/_MessageComposer.scss @@ -37,7 +37,6 @@ limitations under the License. } .mx_MessageComposer_row { - /* This forces the composer to wrap its content, even if it has no word boundaries. Fixes #22507 */ overflow-x: clip; grid-area: composer; } From 830f6a550f72413014f9181e756a7a3b61b152ae Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 13 Jun 2022 12:47:35 +0200 Subject: [PATCH 4/4] =?UTF-8?q?Then=20let=E2=80=99s=20go=20with=20another?= =?UTF-8?q?=20solution=20that=20should=20also=20work=20in=20safari?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- res/css/views/rooms/_MessageComposer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss index a1b1b70e284..41faff2b038 100644 --- a/res/css/views/rooms/_MessageComposer.scss +++ b/res/css/views/rooms/_MessageComposer.scss @@ -37,7 +37,7 @@ limitations under the License. } .mx_MessageComposer_row { - overflow-x: clip; + min-width: 0; grid-area: composer; }