A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/5243 below:

Support click handler on <b-overlay /> shade. · Issue #5243 · bootstrap-vue/bootstrap-vue · GitHub

Is your feature request related to a problem? Please describe...

I am looking for a way to be able to trigger a callback when a <b-overlay /> is clicked. This is useful when using the overlay to cover the entire screen to have the user focus on a specific piece of content.

Describe the solution you'd like

I would like to be able to add a click handler to the overlay using @click="...".

<b-overlay
    @click="closeOverlay"
>
    ...
</b-overlay>
Describe alternatives you've considered

I've considered adding a close button to the content shown in the overlay, however it is a common UX pattern to allow a user to close an overlay by clicking on the shaded portion.

Additional context

I'm new to Vue so adding such a click handler may already be supported without changes to the library. Please let me know if this is possible, thanks :).

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4