html5 range input slider focus issue

[pyre]

Hey,

 

I have two divs side by side, one containing the game and the other containing some html5 range inputs. (I require a complicated GUI so am using DOM for this)

 

The issue is that phaser somehow causes a strange issue where range sliders won't work until i've clicked inside the phaser game div.

 

The below behaviour occurs if i do not click inside the game div first:

In firefox: If I drag a slider it works, but as soon as the mouse is moved away from the slider, the slider jumps back to its initial value.

In chrome: if i drag the slider it becomes stuck to the mouse, even if I let go of the mouse button. I can no longer click any other element (no buttons or anything) and I can't click in the game div either to fix the issue. I have to close the browser and restart.

 

Internet explorer however works fine (what??)

 

Is there any way to fix this other than just using textboxes instead of sliders?

 

Thanks,

pyre

 

[rich]

This issue is now fixed in the version of Phaser due for release next week.

[pyre]

This issue is now fixed in the version of Phaser due for release next week.

Thanks!