Goal
Create conditional logic to disable forms, buttons, or other objects using the 'Required' validation of other components (specifically, text inputs or select drop-downs).
Steps
I added components to the app and set all components as required. I created one variable to check with .invalid and it is not functioning as (I would have) expected. On page load, the .invalid returns 'false' when the value is empty.
Details
I would have expected a Required field to be invalid on page load. This means I cannot use .invalid to disable the Next button. I have to do a longer (and more likely to break) workaround of .selectedIndex === null and value.length.
Is this expected operation? To me, this is a bug, or at minimum, a misalignment on 'Required' validation. Maybe I'm just crazy. What's the best way to go about this?
Note; the true and false text boxes under the signature box, between Previous and Next, show the value of each variable. varFormDisabled on the left, varFormDisabledv2 on the right.
Hi all! Thanks for your input. I don't have any concrete update here, unfortunately. The relevant fix is ready for work but hasn't been added to a particular development cycle just yet. I've bumped a couple internal conversations to reflect your recent interest in getting this fixed and will provide an update here when I can!
Hey @Jaison_Thomas - thanks for reaching out. You're right that the underlying issue hasn't yet been fixed and, unfortunately, it's not currently clear when it will be prioritized. I've given the internal ticket a bump and will keep an eye out for any movement.
I'm glad that manually re-running the same validations prior to triggering your query is a functional workaround, for the time being!
I did add a +1 to the ticket for you and also found that there should be progress on this soon as it looks like the ticket has gained some serious weight recently.
