You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@flex.apache.org by "Erik J. Thomas" <er...@linqto.com> on 2017/05/03 22:11:04 UTC

StageText appears above popup (Flex)

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



http://linqto.com <http://linqto.com/>

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.

Re: StageText appears above popup (Flex)

Posted by quick6black <an...@gmail.com>.

try the scrollingstagetextinput skin



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageText-appears-above-popup-Flex-tp15169p15183.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: StageText appears above popup (Flex)

Posted by "Erik J. Thomas" <er...@linqto.com>.

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 <er...@linqto.com> 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
>

Re: StageText appears above popup (Flex)

Posted by "Erik J. Thomas" <er...@linqto.com>.

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 <jo...@gmail.com> wrote:
> 
> Try removing focus from the TextInput when you show the Alert.
> 
> - Josh
> 
> On May 3, 2017 3:11 PM, "Erik J. Thomas" <erik@linqto.com <ma...@linqto.com>> 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
>

Re: StageText appears above popup (Flex)

Posted by Josh Tynjala <jo...@gmail.com>.

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

- Josh

On May 3, 2017 3:11 PM, "Erik J. Thomas" <er...@linqto.com> 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
>
>
> http://linqto.com
>
> 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.
>
>