[Bug]: Browser validation tooltip overlaps custom error alert on "Talk to Sales" form

[AjayNaik01]

Issue Summary

When submitting the "Talk to Sales" form with empty fields, the browser's native HTML5 validation message ("Please fill out this field") overlaps the custom application error modal. This creates a poor user experience as it obscures the application's feedback and looks unaligned with the site's design.

A summary of the issue. This needs to be a clear detailed-rich summary.

Steps to Reproduce

Steps to Reproduce:

1. Navigate to the Cal.com "Talk to Sales" page. (https://cal.com/talk-to-sales)
2. Leave the "Name" or "Email" fields empty.
3. Click the "Talk to sales" button.
4. Observe how the browser tooltip pops up directly over the dark error notification.

Actual Results

20260105-1444-48.9422791.mp4

Expected Results

The application should ideally suppress the native browser tooltip (using novalidate on the form) and rely solely on the custom-designed error messages, or ensure the layout does not allow for overlapping UI elements.

Improve modal Design also

[linear]

CAL-7024

[AyushMhaisane]

I am interested to solve this issue.

[AyushMhaisane]

Hi! I would like to fix this.

I can add the novalidate attribute to the form to prevent the native browser tooltip from overlapping with the custom error alert.

Please assign this to me!

[anikdhabal]

Thanks for this, but that code doesn’t exist in this repo and isn’t related. I’ll let our teams know.