fix pointer-events

Author: juliankrispel

README.md

@@ -113,3 +113,11 @@ Just ask me, I'll add you as collaborator! Any help I can get to make better sof
 ## Shoutouts
 
 This was originally written during some freelance work for [Spectrum](https://spectrum.chat/). Shoutout to their awesomeness for letting me do all my work for them in the open!
+
+## TODO:
+write test for all states:
+- Test pointerEvents are correct
+- Test isOpen overrides anything internal
+- Test placement strategies
+- Test refs
+- Test events being only inside selection ref

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-text-selection-popover",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "author": "juliankrispel",
   "license": "MIT",

src/index.js

@@ -105,14 +105,14 @@ class Popover extends Component {
         target={document}
         onSelectionChange={this.updatePosition}
       />,
-      selectionRef && selectionRef.current && <EventListener
+      <EventListener
         key="on-mouse-up"
-        target={selectionRef.current}
+        target={selectionRef && selectionRef.current ? selectionRef.current : document}
         onMouseUp={() => this.setState({ mousePressed: false })}
       />,
-      selectionRef && selectionRef.current && <EventListener
+      <EventListener
         key="on-mouse-down"
-        target={selectionRef.current}
+        target={selectionRef && selectionRef.current ? selectionRef.current : document}
         onMouseDown={() => this.setState({ mousePressed: true })}
       />,
       selectionPosition == null || !isOpen || contentRect.bounds.width == 0 ? null : (