Remove unneeded data- attribute for ComboBox input

Author: thibaudcolas

src/components/ComboBox/ComboBox.tsx

@@ -132,7 +132,6 @@ export default function ComboBox<ComboBoxOption extends ComboBoxItem>({
       </label>
       <div className="Draftail-ComboBox__field">
         <input
-          data-draftail-command-palette-input
           type="text"
           {...getInputProps()}
           // Prevent the field from receiving focus if it’s not visible.

src/components/CommandPalette/CommandPalette.tsx

@@ -28,9 +28,7 @@ export const simulateInputEvent = (
   if (!editor) {
     return;
   }
-  const input = editor.querySelector<HTMLInputElement>(
-    "[data-draftail-command-palette-input]",
-  );
+  const input = editor.querySelector<HTMLInputElement>('[role="combobox"]');
   if (!input) {
     return;
   }

src/components/Toolbar/BlockToolbar/BlockToolbar.tsx

@@ -149,9 +149,10 @@ const BlockToolbar = ({
         zIndex={tooltipZIndex}
         showBackdrop={showBackdrop}
         onMount={(instance: PopperInstance) => {
-          const field = instance.popper.querySelector<HTMLInputElement>(
-            "[data-draftail-command-palette-input]",
-          );
+          const field =
+            instance.popper.querySelector<HTMLInputElement>(
+              '[role="combobox"]',
+            );
           if (field) {
             field.focus();
           }