wet-boew / wet-boew

Web Experience Toolkit (WET): Open source code library for building innovative websites that are accessible, usable, interoperable, mobile-friendly and multilingual. This collaborative open source project is led by the Government of Canada.

Home Page:https://wet-boew.github.io/wet-boew/index-en.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Form Validation breaks when multiple <form> tags are used

james-roach opened this issue · comments

Required information

Describe the bug
When multiple <form> tags are used the Error summery and updated error label doesn’t load in until after a click on the input.
Ex. Search Bar is contained within its own form tag/

To Reproduce

  1. Create a form using GCWeb.
  2. Add 2nd <form> tag to webpage
  3. Click Submit button.
  4. Click the form Input.

Expected behaviour
For the Summery and Error Labels to be updated when the submit button is clicked
https://wet-boew.github.io/v4.0-ci/demos/formvalid/formvalid-en.html

Who shall do the work?
[I am asking for Principal publisher to please do the work]

Additional information (optional)

Version of WET-BOEW/GCWeb you are using
CDTS v5.0.0
WET v4.0.70.1
GC Web v13.10.1

Desktop/Smartphone (please complete the following information)

  • OS or Device: Windows
  • Browser: Edge, FireFox, Chrome
  • Version [e.g. 22]

Screenshots

Image 1 - Page with 2 form tags (search bar header + client form main) > clicked Submit
image

Image 2 - Page with 2 form tags (search bar header + client form main) > Clicked Input
image

Image 3 - Page with single form tag (Expected Behaviour) > clicked Submit
image

Additional context
I reported the issue with cdts first. wet-boew/cdts-DotNetTemplates#65

After they investigated I was told it's an issue with WET validation and to open ticket here.

Are you missing ErrorMessage in the CustomValidator as described here: https://wet-boew.github.io/v4.0-ci/docs/ref/formvalid/formvalid-en.html#MergeSCE

I am assuming you are expecting the two error messages to be the same, and I see that the summary and label errors are different?

I am not an asp developer.

The only difference between the 2 cases is the additional form tag