Swipeout not working on Windows 10 surface tablet


#1

Hi,

I’m in the process of making a F7 app ready for Windows 10 (surface book / surface tablet ) and am running into problems getting the swipeout to work. It looks like the swipe-actio is not detected good enough. Sometimes I see a small edge of the red button that should come in view when I swipe, but not more than a few milimeters. Certainly not enough to see the text on the button or being able to press it.

I created a repo on bitbucket that shows the problem.
If you have visual studio 2017 installed, you should be good to go with the repo.

The repo contains the pages of the F7 split view template app. On the main page I added a part of the swipeout examples page.

I’m a bit stuck so anyone who could help me is welcome!

Also if you can’t do nothing with the repo, but are aware of issues with the swipeout on Windows 10 I would be happy to hear from you!

Thanks in advance!

Kind regards,
Johan Beumer


#2

to fix this issue you have to change device detection code so surface is detected as desktop browser, not touchable device


#3

Thnx adasoft for your response!

Do you by any chance have an idea of how I do that?


#4

See touch function in framework7.js es5 build. For test make it returns false

var Support$1 = (function Support() {
  var positionSticky = (function supportPositionSticky() {
    var support = false;
    var div = document.createElement('div');
    ('sticky -webkit-sticky -moz-sticky').split(' ').forEach(function (prop) {
      if (support) { return; }
      div.style.position = prop;
      if (div.style.position === prop) {
        support = true;
      }
    });
    return support;
  }());

  return {
    positionSticky: positionSticky,
    touch: (function checkTouch() {
      return !!(('ontouchstart' in window) || (window.DocumentTouch && document instanceof window.DocumentTouch));
    }()),
...