1. Feedback
  2. Angular
  3. 71852

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!

0
Votes

Focus cannot move away from the editor using the keyboard when maxLength is reached

When the maxLength property is used, the user cannot type more characters than the specified maxLength value, which works as expected.

However, once the character limit is reached, the user is unable to navigate away from the editor using any keyboard navigation keys (e.g., Tab, Shift+Tab). The focus remains stuck in the editor, and keyboard-based navigation does not work.


Sample: https://stackblitz.com/edit/angular-xjv6dofz-t6cbcg16?file=src%2fapp.component.html,src%2fapp.component.ts


Replication steps:

  1. Run the sample.
  2. Type content until the maxLength limit is reached.
  3. Try to navigate away from the editor using keyboard keys (e.g., Tab).
  4. Observe that the focus does not move away from the editor.

Expected Behavior: After reaching maxLength, keyboard navigation (Tab, Shift+Tab, etc.) should move the focus to the next or previous element.

Actual Behavior: Focus remains in the editor, and the user cannot navigate away using the keyboard.