Pull to Refresh + Web Awesome workaround for iOS

pull-to-refresh.js

import PullToRefresh from 'pulltorefreshjs';

var drawerOrPageShown = false

function afterShowEvent(event){
  const element = event.target
  if(element.tagName != "WA-PAGE" && element.tagName != "WA-DRAWER") {
    return
  }

  drawerOrPageShown = true
}

function afterHideEvent(event){
  const element = event.target
  if(element.tagName != "WA-PAGE" && element.tagName != "WA-DRAWER") {
    return
  }

  drawerOrPageShown = false
}

PullToRefresh.init({
  shouldPullToRefresh: function(){
    return (!window.scrollY && !drawerOrPageShown)
  },
  onRefresh: function() {
    window.location.reload()
  }
});

document.addEventListener(`wa-show`, afterShowEvent)
document.addEventListener(`wa-hide`, afterHideEvent)