fix: aria-checkbox selector isn't working in firefox

2026-06-13 19:35:02 +03:00 · 2022-02-12 18:41:37 +05:30
2 changed files with 2 additions and 2 deletions
@@ -654,7 +654,7 @@ const EditorStyles = styled.div<{
        "%23"
      )}' /%3E%3C/svg%3E%0A");`}

-    &[aria-checked=true] {
+    &.checked {
      opacity: 1;
      background-image: ${(props) =>
        `url(
@@ -35,7 +35,7 @@ export default class CheckboxItem extends Node {
      toDOM: (node) => {
        const input = document.createElement("span");
        input.tabIndex = -1;
-        input.className = "checkbox";
+        input.className = node.attrs.checked ? "checkbox checked" : "checkbox";
        input.ariaChecked = node.attrs.checked.toString();
        input.setAttribute("role", "checkbox");
        input.addEventListener("click", this.handleClick);