Support Article
Incorrect alignment of Search text input field in filter popup
SA-57866
Summary
Search text input field is incorrectly aligned in the filter popup. It extends beyond the overlay.
Error Messages
Not Applicable
Steps to Reproduce
- Configure a grid with report definition as the source.
- At runtime perform filtering.
Root Cause
In the Document Object Model (DOM) structure, the CSS of the Search input field-item and the field caption was different.
The below CSS is retrieved from the user skin:
.content-item>.content-inner>.field-item {
display:table-cell;
}
.content-item>.content-inner>.field-caption {
display:table;
}
Resolution
As a local-change, include the below script:
<style>
.content-item>.content-inner>.field-caption {
display:block !important;
}
.content-item>.content-inner>.field-item {
display:block !important;
}
</style>
Published July 23, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.