Show color decorators in split editors (#888)

* Show color decorators in all documents * Update changelog
tailwindlabs · Dec 19, 2023 · 1ac2ec3 · 1ac2ec3
1 parent 6de5173
commit 1ac2ec3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 0.11.x (Pre-Release)
 
 - Enable Sort Selection on a remote host (#878)
+- Show color decorators in split editors (#888)
 
 ## 0.10.2
 

diff --git a/packages/vscode-tailwindcss/src/extension.ts b/packages/vscode-tailwindcss/src/extension.ts
@@ -613,9 +613,14 @@ export async function activate(context: ExtensionContext) {
             })
           }
 
-          Window.visibleTextEditors
-            .find((editor) => editor.document === document)
-            ?.setDecorations(
+          let editors = Window.visibleTextEditors.filter(
+            (editor) => editor.document === document
+          )
+
+          // Make sure we show document colors for all visible editors
+          // Not just the first one for a given document
+          editors.forEach((editor) => {
+            editor.setDecorations(
               colorDecorationType,
               nonEditableColors.map(({ range, color }) => ({
                 range,
@@ -628,6 +633,7 @@ export async function activate(context: ExtensionContext) {
                 },
               }))
             )
+          })
 
           return editableColors
         },