fix erratic behaviour on iOS

Author: mohsinulhaq

.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "dist/cjs/react-popper-tooltip.js": {
-    "bundled": 13954,
-    "minified": 7653,
-    "gzipped": 2137
+    "bundled": 14340,
+    "minified": 7879,
+    "gzipped": 2190
   },
   "dist/esm/react-popper-tooltip.js": {
-    "bundled": 13902,
-    "minified": 7620,
-    "gzipped": 2132,
+    "bundled": 14288,
+    "minified": 7846,
+    "gzipped": 2185,
     "treeshaked": {
       "rollup": {
-        "code": 7059,
+        "code": 7271,
         "import_statements": 331
       },
       "webpack": {
-        "code": 8293
+        "code": 8505
       }
     }
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-popper-tooltip",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "React tooltip library built around react-popper",
   "homepage": "https://mohsinulhaq.github.io/react-popper-tooltip/",
   "repository": {
@@ -56,7 +56,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
-    "@types/jest": "^23.3.10",
+    "@types/jest": "^23.3.12",
     "@types/react": "^16.7.18",
     "@types/react-dom": "^16.0.11",
     "babel-core": "^7.0.0-bridge.0",
@@ -66,23 +66,23 @@
     "docz": "^0.13.7",
     "docz-plugin-css": "^0.11.0",
     "docz-theme-default": "^0.13.7",
-    "eslint": "^5.11.1",
+    "eslint": "^5.12.0",
     "eslint-config-prettier": "^3.3.0",
-    "eslint-plugin-jest": "^22.1.2",
+    "eslint-plugin-jest": "^22.1.3",
     "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-prettier": "^3.0.1",
-    "eslint-plugin-react": "^7.12.0",
+    "eslint-plugin-react": "^7.12.3",
     "gh-pages": "^2.0.1",
     "jest": "^23.6.0",
     "pre-commit": "^1.2.2",
     "prettier": "^1.15.3",
     "prop-types": "^15.6.2",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
-    "react-testing-library": "^5.4.2",
-    "rimraf": "^2.6.2",
+    "react-testing-library": "^5.4.4",
+    "rimraf": "^2.6.3",
     "rollup": "^0.68.2",
-    "rollup-plugin-babel": "^4.1.0",
+    "rollup-plugin-babel": "^4.3.0",
     "rollup-plugin-size-snapshot": "^0.7.0"
   }
 }

src/Tooltip.js

@@ -62,11 +62,18 @@ export default class Tooltip extends Component {
     }
   };
 
-  _addOutsideClickHandler = () =>
-    document.addEventListener('click', this._handleOutsideClick);
+  _addOutsideClickHandler = () => {
+    if ('ontouchend' in window) {
+      document.addEventListener('touchend', this._handleOutsideClick);
+    } else {
+      document.addEventListener('click', this._handleOutsideClick);
+    }
+  };
 
-  _removeOutsideClickHandler = () =>
+  _removeOutsideClickHandler = () => {
+    document.removeEventListener('touchend', this._handleOutsideClick);
     document.removeEventListener('click', this._handleOutsideClick);
+  };
 
   _addOutsideRightClickHandler = () =>
     document.addEventListener('contextmenu', this._handleOutsideRightClick);

src/TooltipTrigger.js

@@ -185,10 +185,18 @@ export default class TooltipTrigger extends Component {
     const isClickTriggered = this.props.trigger === 'click';
     const isHoverTriggered = this.props.trigger === 'hover';
     const isRightClickTriggered = this.props.trigger === 'right-click';
+    const isTouchEnabled = canUseDOM() && 'ontouchend' in window;
 
     return {
       ...props,
-      onClick: callAll(isClickTriggered && this._clickToggle, props.onClick),
+      onTouchEnd: callAll(
+        isClickTriggered && isTouchEnabled && this._clickToggle,
+        props.onTouchEnd
+      ),
+      onClick: callAll(
+        isClickTriggered && !isTouchEnabled && this._clickToggle,
+        props.onClick
+      ),
       onContextMenu: callAll(
         isRightClickTriggered && this._contextMenuToggle,
         props.onContextMenu