Fix editor tags wrapping behavior

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
   "productName": "yaak",
-  "version": "2024.6.5",
+  "version": "2024.6.6",
   "identifier": "app.yaak.desktop",
   "build": {
     "beforeBuildCommand": "npm run build",

src-web/components/core/Editor/Editor.css

@@ -19,7 +19,8 @@
     }
 
     .cm-line {
-      @apply text-fg pl-1 pr-1.5;
+      @apply w-full; /* Important! Ensure it spans the entire width */
+      @apply w-full text-fg pl-1 pr-1.5;
     }
 
     .cm-placeholder {

src-web/components/core/Editor/extensions.ts

@@ -102,6 +102,9 @@ export const baseExtensions = [
   history(),
   dropCursor(),
   drawSelection(),
+  syntaxHighlighting(syntaxHighlightStyle),
+  syntaxTheme,
+  EditorState.allowMultipleSelections.of(true),
   autocompletion({
     tooltipClass: () => 'x-theme-menu',
     closeOnBlur: true, // Set to `false` for debugging in devtools without closing it
@@ -110,9 +113,6 @@ export const baseExtensions = [
       return (a.boost ?? 0) - (b.boost ?? 0);
     },
   }),
-  syntaxHighlighting(syntaxHighlightStyle),
-  syntaxTheme,
-  EditorState.allowMultipleSelections.of(true),
 ];
 
 export const multiLineExtensions = [