From d9f555554e5ecfa9d1243c565e2f42c77f7a7597 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 19 Jul 2024 13:40:58 +0200
Subject: [PATCH] fix: textarea autosize for LanguageTool

(cherry picked from commit 7ef1e0a3e564ae245efc56b0b2764d2561d2929a)
---
 frontend/src/styles/theme/theme.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/styles/theme/theme.scss b/frontend/src/styles/theme/theme.scss
index 73ccd3c96..f993e4e52 100644
--- a/frontend/src/styles/theme/theme.scss
+++ b/frontend/src/styles/theme/theme.scss
@@ -23,6 +23,15 @@
   --body-overflow-y: auto;
 }
 
+// The LanguageTool browser plugin creates a custom element with shadow root for textareas.
+// Since shadow root doesn't inherit styles, we have to set `box-sizing` to `border-box` instead of `inherit`.
+// https://dev.to/konnorrogers/revisiting-box-sizing-best-practices-3del
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
 body {
   background: var(--site-background);
   min-height: 100vh;