stop closing keyboard when touch grid lines

Author: viclm

dist/numeric_keyboard.angular.js

@@ -1639,7 +1639,7 @@ var Mixins = exports.Mixins = {
  },
  onTouchend: function onTouchend(key, event) {
  key.deactive(event.target);
- event.stopPropagation();
+ //event.stopPropagation()
  this.dispatch('press', key.code);
  }
 };
@@ -2170,10 +2170,13 @@ var KeyboardCenter = function () {
  activeInput = input;
  document.addEventListener('touchend', this.unregister, false);
  },
- unregister: function unregister() {
+ unregister: function unregister(e) {
  if (!activeInput) {
  return;
  }
+ if (e && activeInput.ks.keyboardElement.contains(e.target)) {
+ return;
+ }
  activeInput.closeKeyboard();
  activeInput = null;
  document.removeEventListener('touchend', this.unregister, false);

dist/numeric_keyboard.react.js

@@ -1639,7 +1639,7 @@ var Mixins = exports.Mixins = {
  },
  onTouchend: function onTouchend(key, event) {
  key.deactive(event.target);
- event.stopPropagation();
+ //event.stopPropagation()
  this.dispatch('press', key.code);
  }
 };
@@ -2170,10 +2170,13 @@ var KeyboardCenter = function () {
  activeInput = input;
  document.addEventListener('touchend', this.unregister, false);
  },
- unregister: function unregister() {
+ unregister: function unregister(e) {
  if (!activeInput) {
  return;
  }
+ if (e && activeInput.ks.keyboardElement.contains(e.target)) {
+ return;
+ }
  activeInput.closeKeyboard();
  activeInput = null;
  document.removeEventListener('touchend', this.unregister, false);

dist/numeric_keyboard.vanilla.js

@@ -1639,7 +1639,7 @@ var Mixins = exports.Mixins = {
  },
  onTouchend: function onTouchend(key, event) {
  key.deactive(event.target);
- event.stopPropagation();
+ //event.stopPropagation()
  this.dispatch('press', key.code);
  }
 };
@@ -2170,10 +2170,13 @@ var KeyboardCenter = function () {
  activeInput = input;
  document.addEventListener('touchend', this.unregister, false);
  },
- unregister: function unregister() {
+ unregister: function unregister(e) {
  if (!activeInput) {
  return;
  }
+ if (e && activeInput.ks.keyboardElement.contains(e.target)) {
+ return;
+ }
  activeInput.closeKeyboard();
  activeInput = null;
  document.removeEventListener('touchend', this.unregister, false);

dist/numeric_keyboard.vue.js

@@ -1639,7 +1639,7 @@ var Mixins = exports.Mixins = {
  },
  onTouchend: function onTouchend(key, event) {
  key.deactive(event.target);
- event.stopPropagation();
+ //event.stopPropagation()
  this.dispatch('press', key.code);
  }
 };
@@ -2170,10 +2170,13 @@ var KeyboardCenter = function () {
  activeInput = input;
  document.addEventListener('touchend', this.unregister, false);
  },
- unregister: function unregister() {
+ unregister: function unregister(e) {
  if (!activeInput) {
  return;
  }
+ if (e && activeInput.ks.keyboardElement.contains(e.target)) {
+ return;
+ }
  activeInput.closeKeyboard();
  activeInput = null;
  document.removeEventListener('touchend', this.unregister, false);

lib/input.js

@@ -28,10 +28,13 @@ const KeyboardCenter = (function () {
  activeInput = input
  document.addEventListener('touchend', this.unregister, false)
  },
- unregister() {
+ unregister(e) {
  if (!activeInput) {
  return
  }
+ if (e && activeInput.ks.keyboardElement.contains(e.target)) {
+ return
+ }
  activeInput.closeKeyboard()
  activeInput = null
  document.removeEventListener('touchend', this.unregister, false)

lib/keyboard.js

@@ -125,7 +125,7 @@ export const Mixins = {
 
  onTouchend(key, event) {
  key.deactive(event.target)
- event.stopPropagation()
+ //event.stopPropagation()
  this.dispatch('press', key.code)
  }
 

package.json

@@ -1,6 +1,6 @@
 {
  "name": "numeric-keyboard",
- "version": "0.2.0",
+ "version": "0.3.0",
  "description": "Numeric keyboard for mobile browsers",
  "repository": {
  "type": "git",