Set focus style for contenteditable elements

twbs · Feb 2, 2025 · 7df0cdc · 7df0cdc
1 parent 5708adc
commit 7df0cdc
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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
 //