I am attempting to change the size of the dropdown for the field list in query builder so that the full name of the field is displayed. Some of our fields have rather long names, and the data sets are dynamic, so they could be of any length. So far the only thing I have been able to do is to increase the width of the entire control by using the following CSS:
.e-filter-input {
width: 350px !important;
}
This does change the dropdown control to 350 pixels; however this may not be long enough in some cases.
Ideally I would be able to set the width of the input control to a fixed size, but have the dropdown/popup list resize to dynamically fit the width of the longest field name. Is there currently a way to do this with the Query Builder control?
Inspecting the HTML, I found when the popup is open there is a div created with class e-popup-open. The div seems to have the style set to the width of the input control + 25 pixels. Trying to override the style for class did not work, even to a hard-coded amount.
If there is not currently a way to manipulate the CSS, I would request an enhancement to allow the popups for dropdowns to have an auto size width.
