PullToRefreshController/Modal with InAppWebView

It took me a while to find out what caused my app to not allow PullToRefreshController in some cases

Finally this has been identified as the cause:

.modal {
display: none;
position: fixed;
//..
}

It seems to block gestures in the embedded WebView and seems to be a WebView engine limitation.

Has anybody solved this?

I’ve encountered similar issues with gesture handling in WebViews before. From what I know, the .modal styling can interfere with touch events in the WebView, especially if it’s positioned as fixed or absolute. One potential workaround is to try adjusting the z-index of the modal to ensure it’s not covering the WebView layer or using pointer-events: none; on the modal when it’s hidden. You might also want to consider using a different approach to manage the modal visibility, like transitioning it off-screen instead of using display: none;

1 Like