From f45625fb3c1a291b3114deb22457353d3649fcb9 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Thu, 17 Sep 2020 16:41:22 -0400
Subject: [PATCH] add explainitory comment

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/badge/badge.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/renderer/components/badge/badge.tsx b/src/renderer/components/badge/badge.tsx
index 5d72800fb1..eca3c94063 100644
--- a/src/renderer/components/badge/badge.tsx
+++ b/src/renderer/components/badge/badge.tsx
@@ -18,6 +18,12 @@ export class Badge extends React.Component<Props> {
         {label}
         {children}
       </span>
+      { /**
+          * This is a zero-width-space. It makes there be a word seperation
+          * between adjacent Badge's because <span>'s are ignored for browers'
+          * word detection algorithmns use for determining the extent of the
+          * text to highlight on multi-click sequences.
+          */}
       &#8203;
     </>
   }