Example (form input and input test) not working

Oleg_Petruk · March 19, 2021, 9:31am

Hi. I need form in my phaser game, but all example dont work.

Its happen because DOM container has css property ‘pointer-events: none’, but i cant simply remove it, becose then not work events in phaser.

samme · March 19, 2021, 7:05pm

You can add style="pointer-events: auto" to the HTML fragment. Or

domElement.node.style.pointerEvents = 'auto';

Oleg_Petruk · March 20, 2021, 3:13pm

Thank you. I find this solution too, when read this changelog.

github.com

photonstorm/phaser/blob/master/CHANGELOG-v3.50.md

## Version 3.53.1 - Anastasia - 8th March 2021

* Fixed an issue where Container children were not removed from the display list properly.

## Version 3.53.0 - Anastasia - 8th March 2021

### New Features

* You can now run Phaser from within a Web Worker. You must use the `type: 'classic'` method and then use `importScripts('phaser.js')` within your workers, but it will no longer throw window errors and allows you access to lots of the core Phaser functions from Workers.
* `Scenes.Events.PRE_RENDER` is a new event fired after the display list is sorted and before the Scene is rendered (thanks @samme)
* You can now set the boolean `preserveDrawingBuffer` in the Game Config (either directly, or in the Render Config). This is passed to the WebGL context during creation and controls if the buffers are automatically cleared each frame or not. The default is to clear them. Set to `true` to retain them.
* `GameObjects.Shape.setDisplaySize` is a new method that helps setting the display width and height of a Shape object in a chainable way. Fix #5526 (thanks @samme)
* `Tilemaps.Parsers.Tiled.ParseTilesets` has been updated so it now retains the `type` field information that can be optionally specified within Tiled. This is useful when creating objects from tiles and tile variants (thanks @lackhand)
* `Tilemaps.Parsers.Tiled.ParseWangsets` is a new function that will parse the Wangset information from Tiled map data, if present, and retain it so you can access the data (thanks @lackhand)
* `WebGLPipeline.glReset` is a new boolean property that keeps track of when the GL Context was last reset by the Pipeline Manager. It then redirects calls to `bind` to `rebind` instead to restore the pipeline state.

### Display List Updates

* `GameObject.addToDisplayList` is a new method that allows you to add a Game Object to the given Display List. If no Display List is given, it will default to the Scene Display List. A Game Object can only exist on one Display List at any given time, but may move freely between them.
* `GameObject.addToUpdateList` is a new method that adds the Game Object to the Update List belonging to the Scene. When a Game Object is added to the Update List it will have its `preUpdate` method called every game frame.

This file has been truncated. show original

This is 8 march update.

Topic		Replies	Views
Reproduce DOM element example Phaser 3	5	1600	July 22, 2020
DOM Element Phaser 3	5	3503	June 14, 2020
Creating dom container messes up dragging Phaser 3	5	272	June 2, 2021
Forms, Menus, Selects, Etc. No examples? Phaser 3	1	450	November 16, 2019
Using dom class to create html overlay Phaser 3	7	621	June 27, 2022

Example (form input and input test) not working

Related Topics