input element z-Index in pixi.js

[abbas jafari]

hi.
i use element html in pixi.js  by this plugin https://github.com/EneaEntertainment/pixi-html-element-wrapper

i create an input and add it on stage.
but this z-index not working.

for example:

I first added input . then added this picture
but input zIndex not working . and allways get on other object. 

please heelppp me

[bubamara]

Hi,

pixi-html-element-wrapper allows you to position HTML elements above or below Pixi canvas. Input is HTML element and image is sprite added to Pixi stage, is that correct? In that case it works like intended. Input's z-index will affect it's Z position only against canvas in which Pixi is living in. Sprite added to Pixi stage is 'part' of that canvas. 

 

[abbas jafari]

@bubamara thanks for reply.
yes. input is element and picture is sprite that added on stage.

so , you want say not any way to handle this problem??

if I want put a html input under one sprite not any way?

Edited February 24, 2020 by abbas jafari

[bubamara]

yes, not possible with HTML elements. You can position HTML element only above or below Pixi canvas.

[abbas jafari]

@bubamara thanks a lot 

[bubamara]

You're welcome. If you need to combine those two inside of pixi stage, you'll have to write your own pure pixi input unfortunatelly

[ivan.popelyshev]

There's https://github.com/Mwni/PIXI.TextInput

[abbas jafari]

@ivan.popelyshev  yess its greate. 
when unFoucuse . this plugin convert string in input to SpriteText.