@sankhyalabs/ezui 7.0.8 → 7.0.9

package/dist/collection/components/ez-popup/ez-popup.css

@@ -72,7 +72,6 @@
 }
 
 .popup__expandable-content {
-  overflow-y: auto;
   flex-grow: 1;
   box-sizing: border-box;
   width: 100%;

package/dist/collection/components/ez-popup/ez-popup.js

@@ -8,7 +8,7 @@ export class EzPopup {
     this.useHeader = true;
     this.heightMode = "full";
     this.ezTitle = undefined;
-    this.enabledScroll = false;
+    this.enabledScroll = true;
     this.autoClose = true;
     this.footerButtons = [];
   }
@@ -78,9 +78,6 @@ export class EzPopup {
     if (this.heightMode === 'auto') {
       className += ' popup__container--auto';
     }
-    if (this.enabledScroll) {
-      className += ' popup__overflow-y--auto';
-    }
     className += ` ${this.getGridSize()}`;
     return className;
   }
@@ -146,7 +143,10 @@ export class EzPopup {
   }
   render() {
     return (h(Host, null, this.opened && (h("div", { class: "overlay", tabIndex: -1, onClick: this.handleAutoClose.bind(this) }, h("dialog", { ref: ref => this._popupRef = ref, class: this.getDialogClass() }, this.useHeader &&
-      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: "popup__expandable-content" }, h("slot", null)), h("footer", { class: "popup__footer" }, this.footerButtons.length > 0 && (this.renderFooterButtons()), h("slot", { name: 'footer' })))))));
+      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: {
+        "popup__expandable-content": true,
+        "popup__overflow-y--auto": this.enabledScroll
+      } }, h("slot", null)), h("footer", { class: "popup__footer" }, this.footerButtons.length > 0 && (this.renderFooterButtons()), h("slot", { name: 'footer' })))))));
   }
   static get is() { return "ez-popup"; }
   static get encapsulation() { return "shadow"; }
@@ -267,7 +267,7 @@ export class EzPopup {
         },
         "attribute": "enabled-scroll",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoClose": {
         "type": "boolean",