Field validation trigger in form container - display overlap bug

[oblic]

Hey there !

This is a 2 parts question / bug :

#1- I’m trying to understand where is the input field validation being done when you use an input field component. I can’t find it anywhere in the settings, parameters or ‘on submit’ action workflow

#2- I added a simple text button component inside the form container. This text button opens a modal component that display a simple message. When the modal opens, it seems the form validation is triggered from somewhere and therefor the error messages displays on top of the modal (see screenshot below, sorry this is in french, don’t mind the text :P).

I’m mostly trying to fix #2, but wouldn’t mind getting a better understanding of #1 in general.
Any help appreciated. Thanks.

[Joyce]

Hi @oblic

1. You’ll get this “Please fill out this field” message if the input is left empty but is set as required:

2. It’s probably because the button with the workflow is a Submit button. Can you check and change it to Button?

[oblic]

Hi Joyce, thanks for the reply.

As you can see below, the button is a Text, displayed as a simple HTML Button, not a submit button (as far as I know).

I think it acts like a submit button because it’s inside the ‘form container’. Some kind of bug from what I can make of it. Also, I want the other fields to be ‘required’ and validated.

[Joyce]

Aaaaah ok, got it!

It might indeed be a big with the html tag on a text element. Can you create a bug ticket here if you haven’t already? (I could create one internally but that way you can see its progress and provide additional information to reproduce the issue if needed)

In the meantime, could you try using a button instead of a text with a button tag to see if that solves the issue?

[oblic]

Thanks for the followup.
I’ve created a ticket.
As you suggested, using a button fixes the bug
I will use that for the time being