Problem/Motivation

I have a website with a multistep form with ajax enabled. If I put a range-slider element on the first step the range-slider library is loaded and the slider looks like it should be. When I put a range-slider element on the second step of my form the library isn't loaded and the element looks like a 'normal' webform slider element.

Does anyone know a solution to this problem?

It does go trough the right template: form-element--range-slider.html.twig

Steps to reproduce

Create a multistepform, enable AJAX and place a range-slider element on the first and second step.

Proposed resolution

Load the library on every step of the multistep form?

CommentFileSizeAuthor
#6 Screenshot 2025-09-21 at 13.16.41.png86.41 KBbaikho
#6 Screenshot 2025-09-21 at 13.17.19.png95.43 KBbaikho

Comments

Mathieu.h created an issue. See original summary.

mathieu.h’s picture

mathieu.h commented
Issue summary: View changes
mathieu.h’s picture

mathieu.h commented
Assigned: mathieu.h » Unassigned
mathieu.h’s picture

mathieu.h commented
Issue summary: View changes
lazzyvn’s picture

lazzyvn commented

It works with multistep on my site with https://www.drupal.org/project/field_group_bootstrap

baikho’s picture

baikho commented
Status: Active » Closed (cannot reproduce)
StatusFileSize
new Screenshot 2025-09-21 at 13.17.19.png95.43 KB
new Screenshot 2025-09-21 at 13.16.41.png86.41 KB

I appreciate this is an old bug report but tested both on latest 2.x and 3.x with Ajax on Webform without issues. If this is still happening please feel free to re-open.

v2

v3

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.