Links from validation message don't point to proper fields under horizontal tabs

Created on 23 May 2023, about 1 year ago

Using Horizontal tabs, it's not doable to use links with field names from Error messages (image attached) list to point to the non-valid fields.

Under /admin/structure/types/manage/name_of_your_content_type/form-display create new field group Tabs
Choose 'Horizontal' for direction
Add at least two tabs with some required fields inside
Save
Go to your content type where horizontal tabs are added
Submit your node form without values for required fields
Validation message should appear with non-working field names as links

I tried several patches related to Field Group module such as:

https://www.drupal.org/project/field_group/issues/2787179 🐛 HTML5 Validation Prevents Submission in Tabs Needs work
https://www.drupal.org/project/field_group/issues/2894351 🐛 Tabs with invalid input are not focused RTBC
https://www.drupal.org/project/field_group/issues/2969051 🐛 HTML5 Validation Prevents Submission in Tabs Needs work

But nothing brought me result, so I created my own one, attached in comment #1.

Field Group module version: 3.4
Drupal core version: 9.5.9
Admin theme: Claro
PHP: 8.1

🐛 Bug report

Status

Active

Version

3.4

Component

Code

Created by

🇷🇸Serbia ratvas Novi Sad

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @ratvas
Comment about 1 year ago →
🇷🇸Serbia ratvas Novi Sad
Attaching patch for this issue
Comment about 1 year ago →
🇮🇳India __i.am.prashant__
__i.am.prashant__ → made their first commit to this issue’s fork.
Comment about 1 year ago →
🇷🇸Serbia ratvas Novi Sad
Open in Jenkins → Open on Drupal.org →
Core: 9.5.x + Environment: PHP 8.0 & MySQL 5.7
last update about 1 year ago
17 pass
Comment about 1 year ago →
🇺🇾Uruguay jjose.quevedo
Hi, I tested this patch and it worked for me. Thanks

Production build 0.69.0 2024