web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / PCF Control Fluent ui ...
Power Apps
Unanswered

PCF Control Fluent ui TextField long press not working

(0) ShareShare
ReportReport
Posted on by 8

In D365 PCF Control, when I am using the Fluent UI Text field and I assign a value property to it with the input property (bound), that field does not respond to long press, like if I press the 'a' button for a long time, it will show a character only once. The same goes with backspace.

I have the same question (0)
  • a33ik Profile Picture
    3,306 Most Valuable Professional on at

    Hello,

    Can you please provide the code of your React component? Without the code it will be hard to analyze what's wrong there.

  • AdityaKamthan Profile Picture
    8 on at

    AdityaKamthan_0-1708405511528.png

    in handleInputChange i am assigning newvalue to this._value

  • a33ik Profile Picture
    3,306 Most Valuable Professional on at

    Can you please provide the code of your "textBox" react component?

  • AdityaKamthan Profile Picture
    8 on at

    This is the only code for the TextBox control. For TextBox control, I have used FluentUI and const textFieldProp to assigning all properties of control.
    in PCF init, updateView, and getOutputs I am just getting value from context and updating the bound property.

    I am just trying to create a custom control for Textbox in which I can provide CSS as I need.

     
  • AdityaKamthan Profile Picture
    8 on at

    Could you please help if you know the solution. TextField is working fine, it is just that long press is not working.

  • cchannon Profile Picture
    4,702 Moderator on at

    What does this.handleInputChange look like?

  • AdityaKamthan Profile Picture
    8 on at

    In that method i am updating the property

    private handleInputChange = (_event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => {
     this._value = newValue ?? ""; 
     this._notifyOutputChanged();
     }

     

    public updateView(context: ComponentFramework.Context<IInputs>): void {
     this.RenderControl();
     }
    public getOutputs(): IOutputs {
     return { PCF_SingleLine_TextBox: this._value };
     }

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 551

#2
WarrenBelz Profile Picture

WarrenBelz 430 Most Valuable Professional

#3
Valantis Profile Picture

Valantis 298

Last 30 days Overall leaderboard