From iOS 12.2 and above,
URL Redirections are not happening as expected when it is clicked by button or even with an event listener.
-> Redirection is not happening in webview from iOS 12.2 .
UI Part of Code:
<div class="slide-object slide-object-vectorshape shown cursor-hover " style="z-index: 2; width: 76.8024px; height: 59.7352px; opacity: 1; transform-origin: 37.86785px 29.33425px; transform: translate(444px, 322px) rotate(0deg) scale(1, 1) translateZ(0px);" aria-label="Rectangular Hotspot 1" role="button" data-model-id="6fO2fPNA1nh" data-model-abs-id="_player.6EZfa7Darkn.5dxIOhvV1XU.6fO2fPNA1nh" tabindex="-1" data-reactid=".0.0.0.0.0:$_player=16EZfa7Darkn=15dxIOhvV1XU.0.3:$c258.1:$c262">
<div class="slideobject-maskable" style="height: 59.7352px; width: 76.8024px; transform: translate(0px, 0px);" data-reactid=".0.0.0.0.0:$_player=16EZfa7Darkn=15dxIOhvV1XU.0.3:$c258.1:$c262.$slideobject278">
<svg
xmlns="http://www.w3.org/2000/svg" data-xmlns-xlink="http://www.w3.org/1999/xlink" version="1.1" height="59.7352" width="76.8024" viewBox="0 0 72 56" data-commandset-id="1" data-accepts="events" data-reactid=".0.0.0.0.0:$_player=16EZfa7Darkn=15dxIOhvV1XU.0.3:$c258.1:$c262.$slideobject278.$0">
<g class="eventable" data-accepts="events" data-reactid=".0.0.0.0.0:$_player=16EZfa7Darkn=15dxIOhvV1XU.0.3:$c258.1:$c262.$slideobject278.$0.$0">
<path d="M0,0L72,0 72,56 0,56z" id="uniqueDomId-285" fill="#FFFFFF" fill-opacity="0" data-accepts="events" data-reactid=".0.0.0.0.0:$_player=16EZfa7Darkn=15dxIOhvV1XU.0.3:$c258.1:$c262.$slideobject278.$0.$0.$0"></path>
</g>
</svg>
</div>
</div>Script snippet where used for adding event:
{
"title": "Untitled Slide",
"trackViews": true,
"showMenuResultIcon": false,
"viewGroupId": "",
"historyGroupId": "",
"videoZoom": "",
"scrolling": false,
"transition": "appear",
"transDuration": 0,
"transDir": 1,
"wipeTrans": false,
"slideLock": false,
"navIndex": -1,
"globalAudioId": "",
"thumbnailid": "",
"slideNumberInScene": 1,
"includeInSlideCounts": true,
"presenterRef": {
"id": "none"
},
"showAnimationId": "",
"lmsId": "Slide1",
"width": 720,
"height": 540,
"resume": false,
"background": {
"type": "fill",
"fill": {
"type": "linear",
"rotation": 90,
"colors": [{
"kind": "color",
"rgb": "0xFFFFFF",
"alpha": 100,
"stop": 0
}]
}
},
"id": "5dxIOhvV1XU",
"actionGroups": {
"ActGrpOnNextButtonClick": {
"kind": "actiongroup",
"actions": []
},
"ActGrpOnPrevButtonClick": {
"kind": "actiongroup",
"actions": [{
"kind": "history_prev"
}]
},
"NavigationRestrictionNextSlide_5dxIOhvV1XU": {
"kind": "actiongroup",
"actions": [{
"kind": "exe_actiongroup",
"id": "ActGrpOnNextButtonClick"
}]
},
"NavigationRestrictionPreviousSlide_5dxIOhvV1XU": {
"kind": "actiongroup",
"actions": [{
"kind": "exe_actiongroup",
"id": "ActGrpOnPrevButtonClick"
}]
}
},
"events": [{
"kind": "onbeforeslidein",
"actions": [{
"kind": "if_action",
"condition": {
"statement": {
"kind": "compare",
"operator": "eq",
"valuea": "$WindowId",
"typea": "property",
"valueb": "_frame",
"typeb": "string"
}
},
"thenActions": [{
"kind": "set_frame_layout",
"name": "pxabnsnfns00000000001"
}],
"elseActions": [{
"kind": "set_window_control_layout",
"name": "pxabnsnfns00000000001"
}]
}]
}, {
"kind": "onnextslide",
"actions": [{
"kind": "exe_actiongroup",
"id": "NavigationRestrictionNextSlide_5dxIOhvV1XU"
}]
}, {
"kind": "onprevslide",
"actions": [{
"kind": "exe_actiongroup",
"id": "NavigationRestrictionPreviousSlide_5dxIOhvV1XU"
}]
}, {
"kind": "ontransitionin",
"actions": [{
"kind": "adjustvar",
"variable": "_player.LastSlideViewed_6UgaqxkdX7a",
"operator": "set",
"value": {
"type": "string",
"value": "_player."
}
}, {
"kind": "adjustvar",
"variable": "_player.LastSlideViewed_6UgaqxkdX7a",
"operator": "add",
"value": {
"type": "property",
"value": "$AbsoluteId"
}
}]
}],
"slideLayers": [{
"enableSeek": true,
"enableReplay": true,
"timeline": {
"duration": 5000,
"events": [{
"kind": "ontimelinetick",
"time": 0,
"actions": [{
"kind": "show",
"transition": "appear",
"objRef": {
"type": "string",
"value": "6MgjNkS5m6A"
}
}, {
"kind": "show",
"transition": "appear",
"objRef": {
"type": "string",
"value": "6fO2fPNA1nh"
}
}]
}]
},
"objects": [{
"kind": "vectorshape",
"rotation": 0,
"accType": "image",
"cliptobounds": false,
"defaultAction": "",
"imagelib": [{
"kind": "imagedata",
"assetId": 0,
"id": "01",
"url": "story_content/5mz7knKMnNA_80_DX1036_DY1036.swf",
"type": "normal",
"altText": "IMG-0647.png",
"width": 777,
"height": 1036,
"mobiledx": 0,
"mobiledy": 0
}],
"shapemaskId": "",
"xPos": 158,
"yPos": 22,
"tabIndex": 0,
"tabEnabled": true,
"xOffset": 0,
"yOffset": 0,
"rotateXPos": 194,
"rotateYPos": 259,
"scaleX": 100,
"scaleY": 100,
"alpha": 100,
"depth": 1,
"scrolling": true,
"shuffleLock": false,
"data": {
"hotlinkId": "",
"accState": 0,
"vectorData": {
"left": 0,
"top": 0,
"right": 388,
"bottom": 518,
"altText": "IMG-0647.png",
"pngfb": false,
"pr": {
"l": "Lib",
"i": 0
}
},
"html5data": {
"xPos": 0,
"yPos": 0,
"width": 388,
"height": 518,
"strokewidth": 0
}
},
"width": 388,
"height": 518,
"resume": false,
"useHandCursor": true,
"id": "6MgjNkS5m6A"
}, {
"kind": "vectorshape",
"rotation": 0,
"accType": "button",
"cliptobounds": false,
"defaultAction": "onrelease",
"shapemaskId": "",
"xPos": 416,
"yPos": 302,
"tabIndex": 1,
"tabEnabled": false,
"xOffset": 0,
"yOffset": 0,
"rotateXPos": 35.5,
"rotateYPos": 27.5,
"scaleX": 100,
"scaleY": 100,
"alpha": 100,
"depth": 2,
"scrolling": true,
"shuffleLock": false,
"data": {
"hotlinkId": "",
"accState": 0,
"vectorData": {
"left": 0,
"top": 0,
"right": 72,
"bottom": 56,
"altText": "Rectangular Hotspot 1",
"pngfb": false,
"pr": {
"l": "Lib",
"i": 1
}
},
"html5data": {
"xPos": 0,
"yPos": 0,
"width": 72,
"height": 56,
"strokewidth": 0
}
},
"width": 72,
"height": 56,
"resume": false,
"useHandCursor": true,
"id": "6fO2fPNA1nh",
"events": [{
"kind": "onrelease",
"actions": [{
"kind": "open_url",
"url": "https://www.google.com",
"window": "_blank",
"windowsize": "default",
"width": 100,
"height": 100,
"usedefaultcontrols": true,
"status": true,
"toolbar": true,
"location": true,
"menubar": true,
"scrollbars": true,
"resizable": true
}]
}]
}],
"startTime": -1,
"elapsedTimeMode": "normal",
"useHandCursor": false,
"resume": false,
"kind": "slidelayer",
"isBaseLayer": true
}]
}Snippet of Script how I am adding the listener:
document.addEventListener("touchstart", function(e) { r.isTouchableTheme && a.trigger(l.touchHelper.TOUCH_START, e), 1 === e.touches.length ? u.currentTouch = e.touches[0] : e.preventDefault() }, !0);
