# Forms & Surveys - Auto-Scroll to First Error + Improved Error Handling

> Boost submissions with auto‑scroll to the first error and inline messages. Enabled by default for Forms, Surveys, and Quizzes—especially helpful on mobile.

- Source: https://docs.ghlcustomercare.com/docs/sites/forms/forms-surveys-auto-scroll-to-first-error-improved-error-handling
- Section: Sites / Forms
- Reading time: 3 min
- Images: 2, each explained below

---
When someone submits a Form, Survey, or Quiz with missing or invalid inputs, the screen automatically scrolls to the first error and highlights it. Surveys also display clearer inline messages right at the field. These updates reduce friction, especially on mobile and help increase successful submissions.

---

**TABLE OF CONTENTS**

-   [What is Auto-Scroll to First Error & Inline Error Handling?](#what-is-auto-scroll-to-first-error-and-inline-error-handling)[](#key-benefits-of-auto-scroll-and-inline-errors)
-   [Key Benefits of Auto-Scroll & Inline Errors](#key-benefits-of-auto-scroll-and-inline-errors)[](#how-the-auto-scroll-to-first-error-works)
-   [How the Auto-Scroll to First Error Works](#how-the-auto-scroll-to-first-error-works)[](#inline-error-messages)
-   [Inline Error Messages](#inline-error-messages) [](#frequently-asked-questions)
-   [Frequently Asked Questions](#frequently-asked-questions)[](#related-articles)
-   [Related Articles](#related-articles)

---

# **What is Auto-Scroll to First Error & Inline Error Handling?**

Auto-Scroll to First Error automatically moves the viewport to the first invalid field after a submit attempt, so users can correct it immediately. Inline error handling surfaces context-aware guidance directly beneath or beside the problematic field (particularly in Surveys and multi-step experiences). Together they remove guesswork, streamline corrections, and improve completion rates.

**Scope**

-   Applies to: **Forms, Surveys, Quizzes** (including multi-field or multi-step/slide experiences).
    
-   Availability: **Enabled by default** for new and existing assets—no configuration required.
    
-   Devices: Optimized for **mobile and desktop**.
    

---

## **Key Benefits of Auto-Scroll & Inline Errors**

-   **Faster resolution:** Users land exactly where the problem is—no manual scanning required.
    
-   **Mobile-friendly:** Especially helpful on smaller screens where errors can be hard to locate.
    
-   **Clarity at the field:** Inline guidance reduces confusion and back-and-forth attempts.
    
-   **Fewer abandons:** A smoother correction flow drives higher completion and conversion.
    
-   **Zero configuration:** No setup work—benefits apply instantly to your existing assets.
    

---

## **How the Auto-Scroll to First Error Works**

This section explains how auto-scroll behaves when a submit attempt fails validation, including multi-step flows and common layouts.

-   On submit, if any field is invalid, the page **auto-scrolls to the first invalid field from the top** and visually highlights it.
    
-   In multi-step **Surveys/Quizzes**, the experience navigates to the **slide containing the first invalid field** and positions the viewport for quick correction.
    
-   Works with common layouts (single column, two column, single line) and long pages with many inputs.
    
-   Designed to complement other validation features (e.g., Email Validation, Address Auto‑Complete).
    

![How the Auto-Scroll to First Error Works (image 1 of 2)](https://jumpshare.com/share/kwfKz7OK6Eg3ECGrJlrf+/GIF+Recording+2025-11-17+at+6.13.21+PM.gif)

**How the Auto-Scroll to First Error Works (image 1 of 2)**

This animation appears in the "How the Auto-Scroll to First Error Works" section of "Forms & Surveys - Auto-Scroll to First Error + Improved Error Handling". The text alongside this image reads: On submit, if any field is invalid, the page auto-scrolls to the first invalid field from the top and visually highlights it. In multi-step Surveys/Quizzes, the experience navigates to the slide containing the first invalid field and positions the viewport for quick correction. Works with common…. Immediately after, the guide continues: Inline messages reduce cognitive load by placing the explanation where the issue occurs, next to the field—rather than in a generic list far from the input.
- How to confirm: On submit, if any field is invalid, the page auto-scrolls to the first invalid field from the top and visually highlights it. In multi-step Surveys/Quizzes, the experience navigates to the slide containing the first invalid field and positions the viewport for quick correction. Works with common layouts (single column, two column, single line) and long pages with many inputs. Designed to complement other validation features (e.g., Email Validation, Address Auto‑Complete).
- Controls: Surveys/Quizzes, slide containing the first invalid field
- Next: Inline messages reduce cognitive load by placing the explanation where the issue occurs, next to the field—rather than in a generic list far from the input.

Full procedure:

1. On submit, if any field is invalid, the page auto-scrolls to the first invalid field from the top and visually highlights it.
2. In multi-step Surveys/Quizzes, the experience navigates to the slide containing the first invalid field and positions the viewport for quick correction.
3. Works with common layouts (single column, two column, single line) and long pages with many inputs.
4. Designed to complement other validation features (e.g., Email Validation, Address Auto‑Complete).

---

## **Inline Error Messages** 

Inline messages reduce cognitive load by placing the explanation where the issue occurs, next to the field—rather than in a generic list far from the input.

-   Previously, Survey errors could appear as a **bulk list at the top** of a slide; users then had to hunt for fields.
    
-   Now, errors are **inline and context-aware**, shown **directly at the field**, with auto-scroll ensuring the user lands on the right spot.
    
-   The combination is especially impactful in **mobile** and **long slide** scenarios.
    

![Inline Error Messages (image 2 of 2)](https://jumpshare.com/share/84Qefv8PLNGVhtnRCuP4+/Screenshot+2025-11-17+at+6.15.53%E2%80%AFPM.png)

**Inline Error Messages (image 2 of 2)**

This screenshot appears in the "Inline Error Messages" section of "Forms & Surveys - Auto-Scroll to First Error + Improved Error Handling". The text alongside this image reads: Previously, Survey errors could appear as a bulk list at the top of a slide; users then had to hunt for fields. Now, errors are inline and context-aware, shown directly at the field, with auto-scroll ensuring the user lands on the right spot. The combination is especially impactful in mobile and…. Immediately after, the guide continues: Q. Do I need to enable a toggle to use auto-scroll or inline errors? No. These improvements are enabled by default for new and existing Forms, Surveys, and Quizzes.
- What this covers: Previously, Survey errors could appear as a bulk list at the top of a slide; users then had to hunt for fields. Now, errors are inline and context-aware, shown directly at the field, with auto-scroll ensuring the user lands on the right spot. The combination is especially impactful in mobile and long slide scenarios.
- Controls: bulk list at the top, inline and context-aware, directly at the field, mobile, long slide
- Next: Q. Do I need to enable a toggle to use auto-scroll or inline errors? No. These improvements are enabled by default for new and existing Forms, Surveys, and Quizzes.

Full procedure:

1. Previously, Survey errors could appear as a bulk list at the top of a slide; users then had to hunt for fields.
2. Now, errors are inline and context-aware, shown directly at the field, with auto-scroll ensuring the user lands on the right spot.
3. The combination is especially impactful in mobile and long slide scenarios.

---

## **Frequently Asked Questions**

**Q. Do I need to enable a toggle to use auto-scroll or inline errors?**  
No. These improvements are enabled by default for new and existing Forms, Surveys, and Quizzes.

**Q. Does this work in multi-step Surveys and Quizzes?**  
Yes. The experience navigates to the slide with the first invalid field and positions the viewport to assist correction.

**Q. What happens with conditional logic?**  
Only visible required fields are validated. If new required fields appear after an answer changes, a new submit attempt will auto-scroll to the first invalid one.

**Q. Does this affect analytics or conversion tracking?**  
You should see fewer abandons due to clearer guidance. Use your existing Forms/Surveys analytics to compare completion before vs. after.

**Q. Does this work for embedded forms on my website or funnel pages?**  
Yes. 

---

## **Related Articles**

-   [Create Forms & Surveys Inside the Site Builder](https://docs.ghlcustomercare.com/docs/sites/funnel-and-website-settings/create-forms-surveys-inside-the-site-builder)
    
-   [Analytics for Forms and Surveys](https://docs.ghlcustomercare.com/docs/sites/forms/analytics-for-forms-and-surveys)
    
-   [Manual Payment Support for Forms & Surveys](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/manual-payment-support-for-forms-surveys)
    
-   [Rating Element for Forms, Surveys & Quizzes](https://docs.ghlcustomercare.com/docs/sites/forms/rating-element-for-forms-surveys-quizzes)

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com