Idea - Option to click outside to close bottom sheet

Champion

Option to click outside to close bottom sheet

New

OutSystems UI

When using the BottomSheet OutSystemsUI pattern I keep missing the option of clicking on the overlay to close the sheet.

We can of course develop custom javascript to do that, but it would be better to include an option in this pattern.

13 Nov 2024

Champion

Ended up building this option myself.

In Dev Patterns you now have a client action called "BottomSheet_Open" that lets you apply some options, namely:

CloseOnClickOutside: If True, the bottom sheet will close if a click outside (on the overlay) is detected.
CloseOnBack: If True, when the user performs a back (browser or android back), the bottom sheet will close. By default, OutSystems performs a normal back navigation which is seldom what we want.

It would still be nice to have this offered by the pattern itself, but for now this should solve it.

20 Nov 2024