Support Article
Autocomplete does not take 100% width in layout
SA-50996
Summary
On configuring the width of the autocomplete field to 100%, the width of the Autocomplete or Text Input field does not display optimally.
Error Messages
Not Applicable
Steps to Reproduce
Configure Autocomplete to 100% width in the field Presentation tab Control Cell Properties.
Root Cause
The max-width element was hardcoded as 640px. The pzbase-div-layouts rule (final CSS) was responsible for the maximum width occupied by the fields.
Resolution
Perform the following local-change for the changes to appear for a particular section: Create a non-auto generated section with the below code as in pzbase-div-layouts.
.content-items-maxwidth .content-field {
max-width:none;
}
.content-items-maxwidth .content-label {
max-width:none;
Include this section where the Autocomplete or Text Input takes 100% layout width. This change applies to the specific section.
Add the code in the UserWorkForm rule if it is required through the application.
BUG-350146 is raised to resolve this issue in a future release.
Published February 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.