Focus should remain on to the selected icon from the toolbar,focus shouldn't go to the editor as soon as user press enter on any of the toolbar icon's

4 posts, 0 answers
  1. Geeta
    Geeta avatar
    2 posts
    Member since:
    Dec 2017

    Posted 29 Dec 2017 Link to this post

    Hi,

      While user tabbing through the toolbar.and then press enter or spacebar on any of the toolbar icon's to select(like bold,italic or underline),focus is moving to RadEditor.Instead focus should remain on the toolbar's icon which ever user selected.

     

    Thanks

    Geeta

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5122 posts

    Posted 02 Jan 2018 Link to this post

    Hi Geeta,

    Generally, rich text editors keep the focus in the editable area so the user can create content. I am attaching here a short video of MS Word, for example.

    If the user needs to focus the toolbar, they can use F10: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/accessibility-and-internationalization/keyboard-support/overview.

    If you want to see a change in this behavior, I suggest you add your request to our Ideas and Feedback portal (https://feedback.telerik.com/project/108/Feedback/List/Feature%20Request) together with an explanation on how you expect this to operated in detail, and how it should be exposed for configuration. If the concept gets a good traction with our customers, our management will prioritize its implementation.

    Regards,

    Marin Bratanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Geeta
    Geeta avatar
    2 posts
    Member since:
    Dec 2017

    Posted 02 Jan 2018 in reply to Marin Bratanov Link to this post

    Thanks for the reply Marin.Yeah I already noticed that RadEditor is behaving same as MS Word.Just wanted to check if there is any way to remain the focus on the toolbar selected icon using javascript.I have tried many ways with script couldn't achieve the results.Leaving the focus on the toolbar icon is the 508 requirement.

     

     

    Thanks

    Geeta

  4. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5122 posts

    Posted 03 Jan 2018 Link to this post

    Hi Geeta,

    If accessibility is important, you may want to consider the AccessibleRadEditor control: https://demos.telerik.com/aspnet-ajax/editor/examples/accessibleeditor/defaultcs.aspx. It provides improved accessibility features, including browser windows for its dialogs and allows tabbing through the toolbar instead of navigating with the arrows. Activating a button, however, still moves the focus to the content area like MS Word.

    Nevertheless, I created a KB article that shows an approach you can use as base and extend: https://www.telerik.com/support/kb/aspnet-ajax/editor/details/how-to-keep-focus-on-the-activated-tool-in-the-toolbar.

    Regards,

    Marin Bratanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top