Chrome 70.0.3538.77 breaks KRPano touch functionality

Hi,

this is the reason:
https://www.chromestatus.com/feature/4764225348042752

In the next krpano release this change will be included/respected.

A workaround for the moment is possible - add these lines in the html file just before the embedpano() call:

navigator.pointerEnabled = navigator.maxTouchPoints > 0;               // Edge 17 touch support workaround
document.documentElement.ontouchstart = navigator.maxTouchPoints > 0;  // Chrome 70 touch support workaround
embedpano(...);

See also here about the Edge 17 case:
pinch-in pinch-out does not work on Edge

Best regards,
Klaus

You saved me once again.

Hi Klaus,

Thanks for the workaround. However, on my project, adding this code seems to make 'device.touchdevice' always true regardless of what device you are using? Is that correct? I have a series of if(device.touchdevice statements which previously would only be true for touch devices, now it's true for everything? How should I handle this?

Thanks in advance.

Hi,

Quote from Alexander360

However, on my project, adding this code seems to make 'device.touchdevice' always true regardless of what device you are using? Is that correct?

No, that's not correct.

The device would be only detected as touch device when the navigator.maxTouchPoints value from the browser is greater than 0 - and that should only happen on devices that have touch input support.

On which non-touch-devices do you test where this doesn't work?

And please try entering 'navigator.maxTouchPoints' in the browser-console on these devices to check its value.

It would be possible to change the check to 'navigator.maxTouchPoints > 1' to detect if more than one touch point is support, e.g. for multi-touch-devices, but normally that should be not necessary...

Best regards,
Klaus

Subscribing to this thread.

navigator.pointerEnabled = navigator.maxTouchPoints > 0;               // Edge 17 touch support workaround
document.documentElement.ontouchstart = navigator.maxTouchPoints > 0;  // Chrome 70 touch support workaround

with this my panotour does not work at all on msie edge.
the gui is like frozen, i cant look around in the pano and there is no reaction to any clicks.
...?

Hi,

Noticed weird things happening using this fix . For example, if you use the tooltip.xml tooltip plugin, it wont fire onhover hotspots anymore, only onclick.

Any idea?

Hi,

right, I can confirm, the Chrome workaround interferes with the Edge workaround

The 'ontouchstart' would need keep 'undefined' on non-touch devices and not 'false' like in the workaround.
That's also the related to the 'device.touchdevice' problem from above in the thread.

Here an 'improved' version of the workaround:

navigator.pointerEnabled = navigator.maxTouchPoints > 0; // Edge 17 touch support workaround
document.documentElement.ontouchstart = navigator.maxTouchPoints > 0 ? function(){} : undefined; // Chrome 70 touch support workaround
embedpano(...);

Btw - in the next krpano release this will be fixed internally and directly of course.

Best regards,
Klaus

Is there a workaround for Firefox? On my laptop touchscreen I can't pan or zoom. This fix above worked for Chrome but not FF.

Thanks,
Phil

Hi,

Firefox has a different reason:
https://www.fxsitecompat.dev/en-CA/docs/201…led-on-desktop/

There some properties that were used for detecting touch-support were removed on desktop devices because some 'Chrome-optimized' sites were using it wrongly as mobile-detection...

Here the above workaround with Firefox support:

navigator.pointerEnabled = navigator.maxTouchPoints > 0; // Edge 17 touch support workaround
document.documentElement.ontouchstart = ((navigator.userAgent.indexOf("Firefox") > 0 && window.TouchEvent) || navigator.maxTouchPoints > 0) ? function(){} : undefined;
embedpano(...);

The next krpano release will have an internal updated detection and also several other improvements regarding device/browser support.

UPDATE: adding this workaround is not necessary anymore!

Best regards,
Klaus

Hey guys,

I have a tv touch, so I conect my pc to the tv and after open the browser I can click and navigate but I cannot click and drag to look around. I tryied to paste the workaround but it isnt working. It is like I did? I m not a developer so I dont understant much about code.

you pasted it in the wrong place. see above!

I says to be on the html page. But I am not sure were inside the code. Can you show me? Thanks in advance

Quote from GilbertoMartini

I says to be on the html page. But I am not sure were inside the code. Can you show me? Thanks in advance

do it exactly as displayed in post #12 https://krpano.com/forum/wbb/inde…79038#post79038
paste it before embed(...), not inside

altough on a second look this thread is old and most likely outdated anyway.
adding this is probably not needed anymore and wont fix your problem

Hi,

right, that's completely outdated - adding that code is not necessary in any case anymore.

Best regards,
Klaus