Skip to content

Text Editor - programmatic focus #7683

@gusch

Description

@gusch

Description

We are now using the error summary concept everywhere.
On submit, if there is an error, we display the error on the input and a summary at the top of the form which takes the focus.
The link in the summary has href="id of my input" and will focus on the input using the anchor mechanism.

TextEditor does not have an “id” prop to focus on the editor part.

Image

Suggested solution

Add the possibility to define an id for the div which has a role=textbox

Demo URL

https://stackblitz.com/edit/parsium-carbon-starter-fs4numxb?file=src%2FApp.tsx

Alternatives

No response

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions