Centering DOM elements

Phaser 3
1

Hello,

I am currently working on a game which needs some user’s input and to be responsive. That’s why I choose to use DOM elements. My problem is that some of them are not displaying at the right place.

My panels are placed this way :

MyVar = this.add.dom(game.canvas.width/2, game.canvas.height/2).createFromCache(“Name-Of-HTML-Element”);

That code works for most of them, but there is one who seems to be displayed like :

…(game.canvas.width, game.canvas.height/2)…

The css classes used are the same on all the panels… that’s where I am stuck.

image%20(2)
image (2).png892×606 2.95 KB

Could you please help me with that ?
Maybe that I misunderstood something about DOM Elements ?

Thanks for reading me !