A chrome only problem

[Apathy]

I uploaded the game on fgl. The game gets put in a iframe. While in firefox it works fine, in Chrome it seems to have a problem. When the keys on keyboard get pressed, nothing happens in the game, instead it is the window that moves when pressing the up and down keys. I entered the following code game.system.canvas.focus(); and game.system.canvas.setAttribute('tabindex','0'); and somehow the keys now work for the game. But the keys still move the  window as a whole. Is there a way to focus only the canvas?

[enpu]

Try return true on your keydown function, that will call preventDefault on the key event.

[andreialex]

Returning from an fired event does not always stops the propagation as the event will still continue on some browsers.

What is the correct way to do is to event.preventDefault(); where you want to stop the event.

[Apathy]

Thanks. Yeah returning true solved it! Thanks for the help both of you!

[enpu]

@andreialex The engine will call event.preventDefault(); if you return true on keydown function:

keydown: function(key) {    // do something    return true;}

[andreialex]

True, documented better now.

[Apathy]

There is still smth. I only saw it now! Though it is fixed when pressing a key, the window doesn't scroll, it is not the same when you keep the button up or down pressed for some time, which makes the window scroll again.

[enpu]

You are right! This is now fixed on develop branch, though you should not update to it now.

Quick fix would be to remove this line from keyborad.js:

https://github.com/ekelokorpi/panda.js-engine/blob/master/src/engine/keyboard.js#L36

[Apathy]

Yes this fixed it!