Prefix and suffix html

Here's a patch which adds span tags around the prefix, suffix and slider value. I used the following CSS in my theme to get the desired

.js-output {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.js-output .slider-prefix-label {
  /* Forces side columns to stay same width */
  flex: 0 0 100px;
  text-align: left;
}

.js-output .slider-suffix-label {
  /* Forces side columns to stay same width */
  flex: 0 0 100px;
  text-align: right;
}

.js-output .slider-position-value {
  flex: 1 1 auto;
  text-align: center;
}

it fixed in https://www.drupal.org/project/range_slider/issues/3346027 🐛 Drupal 10 compatibility Fixed