Contrib.social

Progress Tracker Timeline broken in new chrome browsers

Open on Drupal.org →
Created on 13 February 2025, about 2 months ago

Problem/Motivation

As for the time of writing the current chrome browser is breaking the attr-function used the in the progress-tracker library in multistep forms. This is just for documentation if the the patch is accepted by the library maintainer.

Steps to reproduce

Add a multistep form with some steps pages. You see in chrome browser the the progress is broken.

Proposed resolution

Solution is currently a @supports rule in the library which restoring the timeline step points by adding the new attr-function-notation if supported by the browser:

@supports (x: attr(x type(*))) {
  .progress-marker::before {
    content: attr(data-text string, "");
  }
}

The fallback string is needed for getting the progress steps working again.

Remaining tasks

Update Library Version if Patch is accepted by the maintainer of NigelOToole/progress-tracker on github in
webform.libraries.yml for webform/libraries.progress-tracker.

🐛 Bug report
Status

Active

Version

6.2

Component

Code

Created by

🇦🇹Austria joville

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

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024