RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp
https://rocketchat.github.io/EmbeddedChat/docs
125 stars 251 forks source link

[Accessibility]: Modal Interaction Features -> Clickable Overlay and Escape Button Closure #402

Closed Spiral-Memory closed 10 months ago

Spiral-Memory commented 10 months ago

As an EmbeddedChat developer

I need to: Implement a functionality wherein, if a modal is currently open, clicking on the backdrop/overlay or pressing the Escape (Esc) button will automatically close the modal.

So That: Users can effortlessly manage popups, giving them a more intuitive and user-friendly interaction.

Acceptance Criteria

Screenshot from 2024-01-17 21-21-12
Spiral-Memory commented 10 months ago

@abhinavkrin , I've implemented this feature and submitted a pull request. Please review it to see whether any change is required or can be merged if the change looks good.