Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Apps - Building Power Apps
Unanswered

OnChange on text input only fires once the user clicks outside of it

Like (1) ShareShare
ReportReport
Posted on 21 Aug 2024 05:35:31 by 203
Hey there,
 
I have this OnChange trigger that displays a button once the user has filled in some information in a text box. However the OnChange only gets triggered once the user has clicked outside of the box, which is not always intuitive for the users. Sometimes they wait and then tell me that nothing happens... So I tell them to click outside the box...
 
As a trick I have added an "enter" icon next to the field which invites them to click on it. The icon doesn't do anything, it just invites them to click outside of the field after filling it...
 
Is there something else I could do? Ideally I would like the OnChange prop to trigger as soon as the user starts typing in the box... or has typed something and has stopped for like 2 seconds.
Categories:
  • julienvdc Profile Picture
    203 on 29 Aug 2024 at 12:07:37
    OnChange on text input only fires once the user clicks outside of it
    Hey @siwfy, I do not have these settings, so I assume I am not using the modern text input control...
  • siwfy Profile Picture
    Microsoft Employee on 22 Aug 2024 at 12:15:07
    OnChange on text input only fires once the user clicks outside of it
    Hi julienvdc, are you using the modern text input control here? Souds like you are. Because the classic text input control doesn't have this option to click out of the box to trigger OnChange property. 
     
    The answer to your issue is very simeple. Select the text input control, on the properties panel, you have three option for "Trigger output" in Behavior section:
    1. Delayed. OnChange will be triggered after user is done inputting values (techinally, there's a delay after user's input), or the OnChange will be triggered immediately if the user hits "Enter" right after they are done typing.
    2. Focus out. This is your situation here. Users have to click out of the text box for OnChange to trigger.
    3. Key press. As soon as users input any characters into the text box, OnChange will be triggered.
     
    Make your selection as you see fit and your issue will be resolved.
  • victorcp Profile Picture
    2,347 Super User 2025 Season 1 on 22 Aug 2024 at 11:16:20
    OnChange on text input only fires once the user clicks outside of it
    Hello!
    I made something like this in the past and it worked like a charm.
     
    First, I created a Slider, change its default to Len(txtInput.Text) and the code that you have in the input 'OnChange' move it to the Slider 'OnChange'.
     
    If everything is in place, hide the slider and that's it.
     
    Hope it helps you
  • WarrenBelz Profile Picture
    146,958 Most Valuable Professional on 22 Aug 2024 at 02:48:13
    OnChange on text input only fires once the user clicks outside of it
    Hi julienvdc 
    That is the way it is designed to work as it needs to ensure that the user has actually finished input - unfortunately it does not have a timer. I always use a button somewhere as the next step if the user does not have to go to the next field.
     
    Please click Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it a Like.
    MVP (Business Applications)     Visit my blog Practical Power Apps    Buy me a coffee

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

🌸 Community Spring Festival 2025 Challenge Winners! 🌸

Congratulations to all our community participants!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard > Power Apps - Building Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 98 Most Valuable Professional

#2
MS.Ragavendar Profile Picture

MS.Ragavendar 73

#3
stampcoin Profile Picture

stampcoin 48

Overall leaderboard
Loading started