[TextArea] How to prevent Escape from reseting value?

[ThiagoSzz]

Im working on a component that uses the TextArea component and I want to prevent it from clearing the value entered when pressing Escape.

Screen.Recording.2025-01-22.at.21.54.11.mov

I've tried adding the preventTextAreaPropagation function below to the onKeyDown event of the component, but with no results:

const preventTextAreaPropagation = (event: React.KeyboardEvent<HTMLElement>) => {
  if (event.key === 'Escape') {
    event.preventDefault();
    event.stopPropagation();
  }
};

<TextArea
  ...
  onKeyDown={preventTextAreaPropagation}
  ...
/>

Is this possible? If so, how can I achieve this?

Thank you.

[Lukas742]

Hi @ThiagoSzz

Afaik this is currently not possible, but I'll forward this question to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[nnaydenow]

Hi @ThiagoSzz,

Is seems like a bug. I opened an issue where you can track the progress: #10643

[ThiagoSzz]

Thank you, @Lukas742 and @nnaydenow.