1. Feedback
  2. Angular
  3. 50289

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

The Mentioned value is not updated to the target element when using mouse interaction

If the user selects a value from the mention popup using mouse interaction and then focuses out of the TextBox component, the selected value is not updated in the TextBox component. The same behavior is observed with native HTML input and textarea elements when using the Mention component.

Note: The customer uses the Formgroup to retrieve the TextBox value, so please ensure that the Formgroup scenario is also taken into account.


Sample (Syncfusion TextBox) : https://stackblitz.com/edit/angular-xarjxy-udunq8?file=src%2Fapp.component.html


Case 1: The selected value is not retrieved in the blur event. Only the typed mention char (@) is retrieved when selecting a value using mouse action.



Replication procedure :

·       Run the sample.

·       Focus on the TextBox and type "@.

·       Select a value from the mention popup by clicking with the mouse.

·       Focus out of the component.

·       Check the value of the TextBox.

 

Expected Output: The Mention Value updated to the parent input component.

Current Output: The Mention Value not updated to the parent input component.



Case 2: Sometimes this issue occurs during keyboard interaction(enter key selection). This happens when typing "@" and then focusing out without selecting the value. Even when selecting the value, only the typed mention char is retrieved.


Replication Procedure:


  1. Run the sample.
  2. Type @ and focus out.
  3. Now delete @ and again type @ and select the value using enter key.
  4. Now again focus out.
  5. In blur event selected value is not retrieved instead @ only retrieved.