fix color picker selecting wrong line

Author: KaiDevrim

client/modules/IDE/components/Editor/stateUtils.js

@@ -258,8 +258,23 @@ function getFileEmmetConfig(fileName) {
   }
 }
 
+function getColorPickerAtSelection(view) {
+  const { head } = view.state.selection.main;
+  const { node } = view.domAtPos(head);
+
+  const startEl =
+    node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+
+  const lineEl = startEl?.closest('.cm-line');
+
+  return (
+    lineEl?.querySelector('input[type="color"]:not(:disabled)') ||
+    view.contentDOM.querySelector('input[type="color"]:not(:disabled)')
+  );
+}
+
 function openColorPickerWithKeyboard(view) {
-  const picker = view.contentDOM.querySelector('input[type="color"]');
+  const picker = getColorPickerAtSelection(view);
 
   if (!picker || picker.disabled) {
     return false;