diff --git a/flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js b/flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js index 6deb27177..cb90cfe5f 100644 --- a/flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js +++ b/flow_screen_components/datatable/force-app/main/default/lwc/datatable/datatable.js @@ -1214,7 +1214,7 @@ export default class Datatable extends LightningElement { this.borderClass = (this.tableBorder == true) ? 'datatable-border' : ''; // Add overflow if max height is not set so the combobox will spill outside the table - this.borderClass += (this.allowOverflow) ? ' overflowEnabled' : ''; + this.borderClass += (this.allowOverflow) ? ' overflowEnabled' : ' overflowDisabled '; // Generate datatable if (this._tableData) { diff --git a/flow_screen_components/datatable/force-app/main/default/staticresources/ers_customLightningDatatableStyles.css b/flow_screen_components/datatable/force-app/main/default/staticresources/ers_customLightningDatatableStyles.css index daff841e0..5674af5aa 100644 --- a/flow_screen_components/datatable/force-app/main/default/staticresources/ers_customLightningDatatableStyles.css +++ b/flow_screen_components/datatable/force-app/main/default/staticresources/ers_customLightningDatatableStyles.css @@ -11,6 +11,18 @@ .overflowEnabled c-ers_custom-lightning-datatable .slds-scrollable_y { overflow: visible; } + +/* expands combox height within row to display more picklist values when overflow is disabled */ +.overflowDisabled .sdls-combobox, +.overflowDisabled .slds-combobox_container, +.overflowDisabled .slds-dropdown { + position: relative !important; + z-index: 99 !important; + max-height: 200px; + overflow-y: scroll; + width: 200% !important; +} + /* stretch cell width of combobox to 100% */ c-ers_custom-lightning-datatable lightning-primitive-cell-factory .slds-hyphenate { width: 100%; @@ -94,4 +106,4 @@ c-datatable c-ers_custom-lightning-datatable .dt-outer-container lightning-primi } .remove-icon-black { --slds-c-icon-color-foreground: black; -} \ No newline at end of file +}