Invalid progress bar layout with default theme within a Bootstrap 5-based project

[dahaupt]

Since a few versions, the progress bar layout is not as expected when using the default v2 theme within a Bootstrap 5 project.

I have also noticed, that several --sjs CSS variables are used but not set at all.

Actual layout:

Expected layout:

Workaround:

.sd-progress-buttons *, 
.sd-progress-buttons ::before, 
.sd-progress-buttons ::after {
    box-sizing: content-box;
}

Probably related to the change in #7668.

• browser: Firefox
• browser version: 126.0
• surveyjs platform: jQuery
• surveyjs version: 1.10.4

[JaneSjs]

Hello @dahaupt, Thank you for reporting this issue. I reproduced it on my end: View Demo. We will research this issue and update you as soon as we get any news to share.

Thank you