How to block menu: Select All - Mobile

[Monster9800]

Hi,

I'm beginner in html5 game development.

Last time I've got a problem.

I tested my first game on the phone and if I hold finger on the screen, automatically creates a menu with option: Select All.

How can i solving my problem?

[mattstyles]

Check out blanket applying `user-select: none`. user-select.

[Monster9800]

Hi,

Thanks for answer but my problem has been.

I can't solve it

[mattstyles]

What platform are you trying to support?

It's works almost everywhere and I've used it a few times without issue.

[Monster9800]

I tested on Android and it's ok, but Windows Phone show option: Select All

[bruno_]

I didn't test it because I don't have a windows phone, but cordova adds this to the html template (inside head):

<meta name="msapplication-tap-highlight" content="no">

See if it works.

[samme]

Phaser automatically sets touch-action: none and user-select: none on the game canvas. I guess it's possible that device doesn't support it.

[mattstyles]

According to caniuse.com it should work with windows phone (they use Edge or older ones use IE 10/11 right?) but its quite possible that if its an older phone then compatibility isn't what it should be and Windows Phone isn't well supported as user stats are tiny, particularly for older phones.

How are you currently testing it? Is it via the browser or in a wrapper like cordova? Which browser version is it? You could try checking MSDN to see if anyone has come across the issue for your specific device/browser combination?

[Monster9800]

Ok, I solved my problem.

I added a jQuery file and script: 

$('body').on('contextmenu', 'canvas', function(e){ return false; });

Can you change status of the question to a resolved one?