Here's a practical illustration:
Validation for Date Of Birth (DOB) using 3 Select Lists:
1st List - days of the month (1-31)
2nd List - months of the year (January to December)
3rd List - years (1940 - 1989)
Once you move away from any of these Select Lists, a Javascript function checks the DOB.
If the DOB is invalid, for example, 31 February 1977, the input-validation-error class is added to the 3 Select Lists using the addClass method.
If the DOB is valid, the input-validation-error class is removed from the 3 Select Lists.
It appears that the input-validation-error class is altering the height of the select Lists.
Is there a solution to prevent this issue? I have attempted to assign a specific height to the class without success.