Support Article
Wrap text in drop down/autocomplete doesn't work
SA-37136
Summary
If an autocomplete has long text values, it is observed that the long text gets truncated and not wrapped during run time.
Error Messages
Not Applicable
Steps to Reproduce
- Create an auto complete field in a section
- Call a data page which contains large text data
- At runtime the large text gets truncated.
Root Cause
In order to load results of autocomplete,Pega uses grid and results are displayed through progressive pagination.
When the user scrolls up or down on the list, to show results at appropriate place, computations are done based on row height.
By wrapping text,height would not be the same for each row and it would cause problems during pagination.So,text cannot be wrapped as per the current design.
Resolution
An enhancement request, FDBK-19300 has been created for consideration by Pega Product Management.
As a work around, user can specify a larger width while configuring source for autocomplete or use CSS to specify overflow: scroll or auto for autocomplete grid div.
For example, the following style can be saved in userworkform:
Here the source of the autocomplete is D_SRDataList datapage
div.autocompleteAG.popover_ac_ table.gridTable[pl_prop="D_SRDataList.pxResults"]{
width:auto !important;
}
div.autocompleteAG.popover_ac_ div[gpropindex*="D_SRDataList"] div#gridBody_right {
width: 152px;
overflow:auto !important;
}
Published April 29, 2017 - 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.