From 7df0cdc2b69f568a1d2bb24b4b352f1c0b509c7c Mon Sep 17 00:00:00 2001 From: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com> Date: Sun, 2 Feb 2025 12:53:21 +0100 Subject: [PATCH 1/3] Set focus style for contenteditable elements --- scss/_reboot.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 5e1665c358..2249ec9ba0 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -375,6 +375,14 @@ th { border-width: 0; } +// Contenteditable +// +// Handle focus states for elements with contenteditable set to true or plaintext-only + +[contenteditable]:not([contenteditable="false"]):focus { + outline: 0; + box-shadow: $input-focus-box-shadow; +} // Forms // From 446c741800fbe3ffb8ed4686f6ad176c9836123f Mon Sep 17 00:00:00 2001 From: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com> Date: Sun, 2 Feb 2025 13:40:57 +0100 Subject: [PATCH 2/3] Inherit border-radius --- scss/_reboot.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 2249ec9ba0..dc12a32436 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -380,6 +380,7 @@ th { // Handle focus states for elements with contenteditable set to true or plaintext-only [contenteditable]:not([contenteditable="false"]):focus { + @include border-radius(inherit); outline: 0; box-shadow: $input-focus-box-shadow; } From 9d2fb4967b4d0e65148314aef7581885a5be2cbf Mon Sep 17 00:00:00 2001 From: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com> Date: Tue, 4 Feb 2025 12:24:00 +0100 Subject: [PATCH 3/3] Remove inherit border-radius --- scss/_reboot.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/scss/_reboot.scss b/scss/_reboot.scss index dc12a32436..2249ec9ba0 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -380,7 +380,6 @@ th { // Handle focus states for elements with contenteditable set to true or plaintext-only [contenteditable]:not([contenteditable="false"]):focus { - @include border-radius(inherit); outline: 0; box-shadow: $input-focus-box-shadow; }