diff --git a/src/web-ui/src/app/styles/utilities/high-dpi-optimization.css b/src/web-ui/src/app/styles/utilities/high-dpi-optimization.css index 93e882455..d2a559cb3 100644 --- a/src/web-ui/src/app/styles/utilities/high-dpi-optimization.css +++ b/src/web-ui/src/app/styles/utilities/high-dpi-optimization.css @@ -14,7 +14,7 @@ } /* Input and text area optimization */ - input, textarea, [contenteditable] { + input, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; @@ -26,6 +26,16 @@ /* Avoid subpixel rendering issues */ will-change: auto; } + + /* Keep contenteditable surfaces out of forced compositing. + WKWebView on macOS is sensitive to 3D transforms here and can lose + stable focus/selection behavior on chat/editor inputs. */ + [contenteditable] { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; + font-feature-settings: "liga", "kern"; + } /* Avoid blurry transforms */ .no-blur-transform {