diff --git a/patterns/multiselektions-pulldown.html b/patterns/multiselektions-pulldown.html index 26ad618..e9bd704 100644 --- a/patterns/multiselektions-pulldown.html +++ b/patterns/multiselektions-pulldown.html @@ -36,7 +36,7 @@ Checkbox 1 - + aus @@ -46,19 +46,18 @@ Slider 1 6.5 - + aus @@ -68,19 +67,18 @@ Slider 2 9.5 - + aus @@ -90,19 +88,18 @@ Slider 3 5.0 - + aus @@ -112,14 +109,13 @@ Slider 4 6.5 @@ -128,7 +124,7 @@ Block 2 - + aus @@ -138,19 +134,18 @@ Slider 5 3.0 - + aus @@ -160,19 +155,18 @@ Slider 6 2.5 - + aus @@ -182,14 +176,13 @@ Slider 7 1.6 @@ -316,10 +309,10 @@ return; } sliderRow.dataset.componentState = isActive ? 'active' : 'inactive-selectable'; - sliderRow.classList.toggle('sg-slider-row--inactive-selectable', !isActive); - slider.classList.toggle('sg-form-active', isActive); - slider.classList.toggle('sg-form-inactive-selectable', !isActive); - slider.disabled = !isActive; + sliderRow.classList.remove('sg-slider-row--inactive-selectable'); + slider.classList.add('sg-form-active'); + slider.classList.remove('sg-form-inactive-selectable'); + slider.disabled = false; return; } @@ -431,9 +424,6 @@ }; slider.addEventListener('input', () => { - if (row.dataset.activatable === 'true' && row.dataset.componentState !== 'active') { - return; - } updateSliderState(); });