Required filed validation pop up displays despite entering data
The required filed validation pop up displays even after entering the data in the required field.
Please correct the flagged fields before submitting the form.
Steps to Reproduce
- Create a section with a required field (Text Input)
- Include the created section in two dynamic layouts
- Set one of the dynamic layouts as visible when on some condition, and the other to be always visible
- Refer the two dynamic layout section in a flow action and submit the form
This works as per the Pega Product design.
ResolutionHere’s the explanation for the reported behavior:
When dynamic layout visibility fails, only the parent div element is set to display none. The child elements like text input, text area and other form elements are present in the Document Object Model (DOM). They are hidden for the user. However, elements are still present in the DOM. While submitting the form, it attempts to validate all the form elements. Hence, error occurs.
Configuration changes should be made according to the requirement so that a particular element is also hidden.