Merge pull request #135 from oleksandr-danylchenko/#133-fix-not-dismi…

…ssed-annotation-on-outside-click

#133 Fixed missing annotation dismissal clicking outside of the annotator `container`

packages/text-annotator/src/SelectionHandler.ts

@@ -129,7 +129,7 @@ export const SelectionHandler = (
     isLeftClick = evt.button === 0;
   }
 
-  container.addEventListener('pointerdown', onPointerDown);
+  document.addEventListener('pointerdown', onPointerDown);
 
   const onPointerUp = (evt: PointerEvent) => {
     const annotatable = !(evt.target as Node).parentElement?.closest(NOT_ANNOTATABLE_SELECTOR);
@@ -140,7 +140,11 @@ export const SelectionHandler = (
     const clickSelect = () => {
       const { x, y } = container.getBoundingClientRect();
 
-      const hovered = store.getAt(evt.clientX - x, evt.clientY - y, currentFilter);
+      const hovered =
+        evt.target instanceof Node &&
+        container.contains(evt.target) &&
+        store.getAt(evt.clientX - x, evt.clientY - y, currentFilter);
+
       if (hovered) {
         const { selected } = selection;
 
@@ -166,9 +170,8 @@ export const SelectionHandler = (
 
   const destroy = () => {
     container.removeEventListener('selectstart', onSelectStart);
-    document.removeEventListener('selectionchange', onSelectionChange);
-
-    container.removeEventListener('pointerdown', onPointerDown);
+    document.removeEventListener('selectionchange', onSelectionChange);    
+    document.removeEventListener('pointerdown', onPointerDown);
     document.removeEventListener('pointerup', onPointerUp);
   }