Error message not visible in small cell
The validation error message is not visible completely for a field that has small width, the error message gets wrapped up but a part of the word is chopped off.
Steps to Reproduce
1) Add a field to a cell for a custom layout in a section.
2) In the skin rule specify the width of the cell as 5%, considering it will take < 40px of space in browser, in that layout.
2) Add validation to that field.
3) Run the section and enter an invalid value into the field.
A software use or operation error.
User has specified width in the skin rule for the cell, which is less than the minimum width to show error message properly in that space.
As per design, the input element and the error message div are wrapped inside a parent div tag.
So the width of parent element that is the cell width of the layout in skin rule is released, on-loading it will take a calculated width for that cell.
After error message appears it shows the message inside that width only, it will not adjust its width based on the error message length again.
Based on the parent div width, message is word-wrapped and displayed.
Perform the following local-change:
Increase the width of the cell for the layout in skin rule is resolving the error message truncate issue.
Also make the field as small as they defined and same time error message to be shown in single line.
Note: As per design this is not possible and user is suggested to contact "Product Support Community", for a different approach.
0% found this useful