StageText appears above popup (Flex)

classic Classic list List threaded Threaded
5 messages Options
Reply | Threaded
Open this post in threaded view
|

StageText appears above popup (Flex)

Erik J. Thomas
Hey all:

When I popup an Alert dialog that covers a TextInput control (TextInput uses the StageText implementation from mobile theme), the text shows as having a higher Z-Order than the popup Alert dialog:


Any ideas how I might work around this? I don't want to set the TextInput controls to invisible if I can find a better solution.

Thanks!

Erik

Erik Thomas
Chief Architect
Office: 541.247.2995 / Mobile: 303.304.1466


This email may contain confidential and privileged material for the sole use of the intended recipient. Any review or distribution by others is strictly prohibited. If you are not the intended recipient, please contact the sender and delete all copies.

Reply | Threaded
Open this post in threaded view
|

Re: StageText appears above popup (Flex)

Erik J. Thomas
I found this post, but changing the skin causes a different problem.

https://www.flextras.com/blog/index.cfm/2012/5/1/Why-does-a-TextInput-appear-above-my-Popup-in-Flex-46

Changing the skinClass to spark.skins.mobile.TextInputSkin causes the input cursor to show up a good 80px to the right and when I start entering text, it shows up in prompt text gray color. There is something seriously wrong with that skin, at least when it's used in a mobile application.

And, it doesn't solve the problem. The text still appears in front of the popup though it's now gray.


If using this skin actually solved the z-order problem, I could create a custom skin and fix the display problems I just mentioned, but it doesn't so I won't.

Thanks for your ideas.

Erik

On May 3, 2017, at 3:11 PM, Erik J. Thomas <[hidden email]> wrote:

Hey all:

When I popup an Alert dialog that covers a TextInput control (TextInput uses the StageText implementation from mobile theme), the text shows as having a higher Z-Order than the popup Alert dialog:

<IMG_0101.PNG>

Any ideas how I might work around this? I don't want to set the TextInput controls to invisible if I can find a better solution.

Thanks!

Erik


Reply | Threaded
Open this post in threaded view
|

Re: StageText appears above popup (Flex)

quick6black
try the scrollingstagetextinput skin
Reply | Threaded
Open this post in threaded view
|

Re: StageText appears above popup (Flex)

Josh Tynjala
In reply to this post by Erik J. Thomas
Try removing focus from the TextInput when you show the Alert.

- Josh

On May 3, 2017 3:11 PM, "Erik J. Thomas" <[hidden email]> wrote:
Hey all:

When I popup an Alert dialog that covers a TextInput control (TextInput uses the StageText implementation from mobile theme), the text shows as having a higher Z-Order than the popup Alert dialog:


Any ideas how I might work around this? I don't want to set the TextInput controls to invisible if I can find a better solution.

Thanks!

Erik

Erik Thomas
Chief Architect
Office: 541.247.2995 / Mobile: 303.304.1466


This email may contain confidential and privileged material for the sole use of the intended recipient. Any review or distribution by others is strictly prohibited. If you are not the intended recipient, please contact the sender and delete all copies.

Reply | Threaded
Open this post in threaded view
|

Re: StageText appears above popup (Flex)

Erik J. Thomas
Hey guys:

Thanks for your suggestions. I tried a number of different things, including passing different IDisplayObjects as the popup "host", setting the childIndex and depth properties on both the popup and the TextInput control. I tried using the spark (not mobile) text input skin as someone suggested online.

I tried quick6black's suggestion of setting the TextInput skinClass to spark.skins.mobile.ScrollingStageTextInputSkin and that made no difference either.

What did the trick was to remove input focus from the TextInput field before displaying the popup message. Yes! Thank you Josh for that valuable suggestion.

Awesome. Thanks again everyone.

Erik

On May 4, 2017, at 7:00 AM, Josh Tynjala <[hidden email]> wrote:

Try removing focus from the TextInput when you show the Alert.

- Josh

On May 3, 2017 3:11 PM, "Erik J. Thomas" <[hidden email]> wrote:
Hey all:

When I popup an Alert dialog that covers a TextInput control (TextInput uses the StageText implementation from mobile theme), the text shows as having a higher Z-Order than the popup Alert dialog:


Any ideas how I might work around this? I don't want to set the TextInput controls to invisible if I can find a better solution.

Thanks!

Erik