0 Replies
      Latest reply on Oct 15, 2019 2:01 PM by pradeeprk28
      pradeeprk28 Level 1 Level 1 (0 points)

        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);