From 4de1efb9aca111d241c4b4eb28a0a0ba3f70ed8e Mon Sep 17 00:00:00 2001 From: ChewinChaz <43247068+ChewinChaz@users.noreply.github.com> Date: Fri, 28 Feb 2025 16:08:32 -0600 Subject: [PATCH 1/2] Update ers_customLightningDatatableStyles.css Add overflowDisabled styling for picklists --- .../ers_customLightningDatatableStyles.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) 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 +} From 2696f5a261d44add6ecde8686d0c86cbb2c7d9bd Mon Sep 17 00:00:00 2001 From: ChewinChaz <43247068+ChewinChaz@users.noreply.github.com> Date: Fri, 28 Feb 2025 16:12:15 -0600 Subject: [PATCH 2/2] Update datatable.js If overflow is not enabled, set new class overflowDisabled --- .../datatable/force-app/main/default/lwc/datatable/datatable.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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) {