feat(smart select): new sheetBackdrop parameter to control Sheet ba…

…ckdrop
framework7io · May 27, 2021 · 0d2f60f · 0d2f60f
1 parent 9e4e264
commit 0d2f60f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/core/components/smart-select/smart-select-class.js b/src/core/components/smart-select/smart-select-class.js
@@ -844,7 +844,7 @@ class SmartSelect extends Framework7Class {
 
     const sheetParams = {
       content: sheetHtml,
-      backdrop: false,
+      backdrop: ss.params.sheetBackdrop,
       scrollToEl: ss.$el,
       closeByOutsideClick: true,
       push: ss.params.sheetPush,

diff --git a/src/core/components/smart-select/smart-select.d.ts b/src/core/components/smart-select/smart-select.d.ts
@@ -39,6 +39,8 @@ export namespace SmartSelect {
     sheetPush?: boolean;
     /** Enables ability to close smart select sheet with swipe (default undefined) */
     sheetSwipeToClose?: boolean | undefined;
+    /** Enables smart select sheet backdrop (default false) */
+    sheetBackdrop?: boolean;
     /** Smart select page title. If not passed then it will be the <div class="item-title"> text */
     pageTitle?: string;
     /** Smart select Page back link text (default 'Back') */

diff --git a/src/core/components/smart-select/smart-select.js b/src/core/components/smart-select/smart-select.js
@@ -16,6 +16,7 @@ export default {
       popupSwipeToClose: undefined, // defaults to app
       sheetPush: false,
       sheetSwipeToClose: undefined, // defaults to app
+      sheetBackdrop: false,
       pageTitle: undefined,
       pageBackLinkText: 'Back',
       popupCloseLinkText: 'Close',