Team,
I am facing the kendo combo box with issue, as i have multiple combo box i have to fix for only one combo box width. i tried a solution to increase the width of kendo dropdown popup with css below but its applying to all the kendo dropdown. I am trying to use id or class for specific dropdown but its not working and if i use the below css its applying to all the kendo dropdown popup. Attaching the below css, kendo dropdown elements and the kendo dropdown expand popup images. Please provide the solution.
.k-animation-container :first-child{
min-width: max-content !important;
}
as per the last screenshot, above i need to set the width of kendo popup based on the number of words or characters when the dropdown popup opens and it should show the full contents, so when i apply the css width to dynamic class or override this class "k-animation-container" of kendo-popup the width apply to all the dropdown popup globally, i need to apply the css width only to specific one dropdown control using the id or class.