IWMBrowser/iwmlib
4
0
Fork 0
Code Issues 6 Pull Requests Releases Wiki Activity

Added flag to enable tap clicks for SVG in tested circumstances.

Browse Source
This commit is contained in:
Uwe Oestermeier
2019-07-05 16:29:50 +02:00
parent f68d8b53a3
commit d0c89a78c2
4 changed files with 39 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/iwmlib.js
Vendored
+17 -12
View File
@@ -5164,6 +5164,7 @@
height = null, // required
resizable = false,
clickOnTap = false,
triggerSVGClicks = false,
allowClickDistance = 44,
verbose = true,
onResize = null,
@@ -5216,6 +5217,7 @@
this.throwVisibility = Math.min(width, height, throwVisibility);
this.container = container;
this.clickOnTap = clickOnTap;
this.triggerSVGClicks = triggerSVGClicks;
this.scale = startScale;
this.rotationDegrees = this.startRotationDegrees;
this.transformOrigin = transformOrigin;
@@ -5272,9 +5274,11 @@
Therefore we make an exception and let the original click event through.
*/
if (event.target.ownerSVGElement) {
return
if (this.triggerSVGClicks) {
return
}
}
if (event.isTrusted) {
else if (event.isTrusted) {
Events.stop(event);
}
}, true);
@@ -5456,7 +5460,8 @@
if (nearestNode.tagName == 'svg') {
let handler = this.tapNodes.get(nearestNode);
console.log("Clicking beneath SVG: to be done", handler);
// nearestNode.dispatchEvent(new Event('click'))
if (this.triggerSVGClicks)
nearestNode.dispatchEvent(new Event('click'));
return
}
console.log("nearestNode clicked");
@@ -6776,7 +6781,7 @@
// create and dispatch event
//--------------------
const eventStart = Event.create(elem, coords, opts.eventTypes[0], eventOpts);
const eventStart = Event$1.create(elem, coords, opts.eventTypes[0], eventOpts);
if (this.opts.debug) console.log('dispatch event', eventStart);
elem.dispatchEvent(eventStart);
@@ -6789,7 +6794,7 @@
// create and dispatch event
//--------------------
const eventComplete = Event.create(elem, coords, opts.eventTypes[1], eventOpts);
const eventComplete = Event$1.create(elem, coords, opts.eventTypes[1], eventOpts);
if (this.opts.debug) console.log('dispatch event', eventComplete);
elem.dispatchEvent(eventComplete);
@@ -6872,7 +6877,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[0], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[0], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -6886,7 +6891,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[1], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[1], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -6900,7 +6905,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[2], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[2], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -7038,7 +7043,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[0], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[0], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -7052,7 +7057,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[1], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[1], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -7066,7 +7071,7 @@
// create and dispatch event
//--------------------
const event = Event.create(elem, from, opts.eventTypes[2], eventOpts);
const event = Event$1.create(elem, from, opts.eventTypes[2], eventOpts);
if (this.opts.debug) console.log('dispatch event', event);
elem.dispatchEvent(event);
@@ -7442,7 +7447,7 @@
* @ignore
* @class
*/
class Event {
class Event$1 {
/**
* Creates an event object.
dist/iwmlib.pixi.js
Vendored
+8 -3
View File
@@ -6929,6 +6929,7 @@
height = null, // required
resizable = false,
clickOnTap = false,
triggerSVGClicks = false,
allowClickDistance = 44,
verbose = true,
onResize = null,
@@ -6981,6 +6982,7 @@
this.throwVisibility = Math.min(width, height, throwVisibility);
this.container = container;
this.clickOnTap = clickOnTap;
this.triggerSVGClicks = triggerSVGClicks;
this.scale = startScale;
this.rotationDegrees = this.startRotationDegrees;
this.transformOrigin = transformOrigin;
@@ -7037,9 +7039,11 @@
Therefore we make an exception and let the original click event through.
*/
if (event.target.ownerSVGElement) {
return
if (this.triggerSVGClicks) {
return
}
}
if (event.isTrusted) {
else if (event.isTrusted) {
Events$1.stop(event);
}
}, true);
@@ -7221,7 +7225,8 @@
if (nearestNode.tagName == 'svg') {
let handler = this.tapNodes.get(nearestNode);
console.log("Clicking beneath SVG: to be done", handler);
// nearestNode.dispatchEvent(new Event('click'))
if (this.triggerSVGClicks)
nearestNode.dispatchEvent(new Event('click'));
return
}
console.log("nearestNode clicked");