You need to sign in to do that
Don't have an account?
Aruna
Favorite More Options Aruna Rapolu Display picklist out side the table cell instead of with in the cell lWC
Hi trying to display the picklist drop down instead of with in the cell want out side the cell or on the cell.
following is the css ( did tried position absolute and z-index none working)
.picklist-container, .lookup-container{ width : 90%; margin: 0 auto; } .picklist-container .slds-dropdown, .lookup-container .slds-dropdown{ position: relative !important; z-index: 99 !important; max-height: 120px; overflow: scroll; display: block; } [lightning-combobox_combobox-host]{ margin-bottom: 17px; } th.slds-has-focus, td.slds-has-focus{ box-shadow: none !important; }
following is the css ( did tried position absolute and z-index none working)
.picklist-container, .lookup-container{ width : 90%; margin: 0 auto; } .picklist-container .slds-dropdown, .lookup-container .slds-dropdown{ position: relative !important; z-index: 99 !important; max-height: 120px; overflow: scroll; display: block; } [lightning-combobox_combobox-host]{ margin-bottom: 17px; } th.slds-has-focus, td.slds-has-focus{ box-shadow: none !important; }
Please check out below thread, if it relates to the requirement which you are looking for:
https://salesforce.stackexchange.com/questions/231397/styling-lightningcombobox-drop-down-to-not-hide-inside-modal-and-extend-modal-l
Hope above information helps. Please mark as Best Answer so that it can help others in future.
Thanks.