Text align center not supported about pixi-text-input HOT 6 CLOSED

Sure, but keep in mind it doesn't work without the "align" exception in _deriveSurrogateStyle:

case 'textAlign':
style.align = this._input_style.textAlign;
break

And I of course meant that I put the code in my previous post in _updateSurrogate function, apologies.

from pixi-text-input.

It would probably be easy to fix by adding an exception for it to the _deriveSurrogateStyle?

yes that should be a trivial fix. let me know if it works, otherwise i'll take a look.

from pixi-text-input.

I tried adding it there... The TextStyle gets the correct align property but for some reason the surrogate still stays to the left. Can you take a look?

from pixi-text-input.

Okay, I figured it out when trying to get sleep last night... 😄 Pixi.Text is of course only the width of the text it contains, so it has to be positioned manually, so in _deriveSurrogateStyle I put:

switch (this._surrogate.style.align) {
case 'left':
this._surrogate.x = padding[3];
break;
case 'center':
this._surrogate.x = input_bounds.width * 0.5 - this._surrogate.width * 0.5;
break;
case 'right':
this._surrogate.x = input_bounds.width - padding[1] - this._surrogate.width;
break;
}

And it works.

from pixi-text-input.

Nice one! Can I merge this code?

from pixi-text-input.

a7e48f4

from pixi-text-input.