bypassing device orientation ios iframe limitations

iOSiFrameBypass.js

    // WIP
  function iOS() {
    return [
      'iPad Simulator',
      'iPhone Simulator',
      'iPod Simulator',
      'iPad',
      'iPhone',
      'iPod'
    ].includes(navigator.platform)
    // iPad on iOS 13 detection
    || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
  }
  if (iOS()) {
    ;["orientationchange","deviceorientation"].forEach(eventName => {
          // comment out parent on child, and child on parent:

          // Parent / outer container of iframe
          window.addEventListener(eventName, function (event) {
              event.mylabel = eventName
              myframe.contentWindow.postMessage(
              // we may need to send whole event, or whole event may be non JSON friendly, or slower for no reason.
              // seemed suggested that this might be enough:
                  {
                      alpha: event.alpha,
                      beta: event.beta,
                      gamma: event.gamma
                  },
                  // event,
                  "*"
              );
          })

          // Child / page running inside iframe
          window.addEventListener("message", function receiveMessage(msgEvent) {
              if (msgEvent?.mylabel === eventName) {
                document.dispatchEvent(new Event(eventName,msgEvent));
              }
          })
     })
  }

this is not a finished product, and didn't seem to work at last testing, but I didn't have an iOS device to personally test. didn't go deeper, as ended up not being needed for project (we ended up hosting all experiences on the same domain, so child iframe was no longer cross origin, which is another way to get around the issue)