# Field validation trigger in form container - display overlap bug

**URL:** <https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132>\
**Category:** Ask us anything\
**Created:** [April 15, 2024, 9:17pm UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132 "2024-04-15T21:17:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![oblic](https://avatars.discourse-cdn.com/v4/letter/o/bcef8e/32.png) [@oblic](https://community.weweb.io/u/oblic)\
**Post date:** [April 15, 2024, 9:17pm UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132/1 "2024-04-15T21:17:13Z")

</div>

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.

 ![Screenshot 2024-04-15 at 4.32.35 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e3c7fef9f8c7d733f0809f9952ad82b7f12d0a26.png)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 16, 2024, 6:37pm UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132/2 "2024-04-16T18:37:14Z")

</div>

Hi @oblic 👋

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

 ![CleanShot 2024-04-16 at 20.34.11@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0176b4c439ab0370aaccde05316ec948c88330c9.png)

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

 ![CleanShot 2024-04-16 at 20.36.12@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d44f48b5f0ec53a43078073d5b7c76805829873a.png)

---

<div class="post-metadata">

**Author:** ![oblic](https://avatars.discourse-cdn.com/v4/letter/o/bcef8e/32.png) [@oblic](https://community.weweb.io/u/oblic)\
**Post date:** [April 17, 2024, 12:46am UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132/3 "2024-04-17T00:46:31Z")

</div>

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).

 ![Screenshot 2024-04-16 at 8.40.14 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/62ddbd77cbc8284d9a90cd8c5e72646facdb3ca8.png)

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.

 ![Screenshot 2024-04-16 at 8.45.19 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8bed8b76aa9a3bb2e9b4b51e20b9b9f3690e9640.png)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 17, 2024, 8:13am UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132/4 "2024-04-17T08:13:16Z")

</div>

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](https://support.weweb.io/) 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?

---

<div class="post-metadata">

**Author:** ![oblic](https://avatars.discourse-cdn.com/v4/letter/o/bcef8e/32.png) [@oblic](https://community.weweb.io/u/oblic)\
**Post date:** [April 17, 2024, 12:25pm UTC](https://community.weweb.io/t/field-validation-trigger-in-form-container-display-overlap-bug/8132/5 "2024-04-17T12:25:28Z")

</div>

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 👍