New css attr() function is breaking the progress tracker ui

Created on 14 February 2025, 2 months ago

Problem/Motivation

The current version of chrome browser as of the time of writing is breaking the progress tracker in multistep form.

Steps to reproduce

1. Install and enable this module.
2. Set and add a multistep webform.
3. Open the Webform Page in the current chrome browser as of the time of writing.
4. You won't see the multistep points in the multistep timeline anymore because the progress tracker template has no data-text-attribute for the index, which is used in the wrapped content.

Proposed resolution

Adding patch to webformnavigation.progress.tracker.css to add a supports @-rule for the new css attr() notation for adding a fallback if the data-text attribute is not available.

@supports (x: attr(x type(*))) {
  .progress-marker::before {
    content: attr(data-text string, "");
  }
}
πŸ› Bug report
Status

Active

Version

2.0

Component

User interface

Created by

πŸ‡¦πŸ‡ΉAustria joville

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024