mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(ui-shell): add preventCloseOnClickOutside to HeaderAction (#1625)

Browse source 
Closes #1624
This commit is contained in:
Nestor Orest Plysyuk 2023-07-13 16:37:21 +02:00 • committed by GitHub
commit ea9b261b60
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 36 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/UIShell/HeaderAction.svelte
View file

@ -38,6 +38,9 @@
*/
export let transition = { duration: 200 };
/** Set to `true` to prevent the panel from closing when clicking outside */
export let preventCloseOnClickOutside = false;
import { createEventDispatcher } from "svelte";
import { slide } from "svelte/transition";
import Close from "../icons/Close.svelte";
@ -50,7 +53,12 @@
<svelte:window
on:click="{({ target }) => {
if (isOpen && !ref.contains(target) && !refPanel.contains(target)) {
if (
isOpen &&
!ref.contains(target) &&
!refPanel.contains(target) &&
!preventCloseOnClickOutside
) {
isOpen = false;
dispatch('close');
}