Show color decorators in split editors (tailwindlabs#888)

* Show color decorators in all documents

* Update changelog

Author: thecrypticace

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
 

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
         },