Chrome Version: 72

"disabled" flag doesn't work properly when using <settings-slider> component. Component is disabled correctly if I use "min", "max" and "scale" instead of "ticks". But if I use "ticks" component is re-enabled on each ticks change.

Example of code:

<settings-slider id="displaySizeSlider"
            ticks="[[zoomValues_]]"
            disabled$="[[!prefs.ash.night_light.enabled.value]]"
            label-min="$i18n{displaySizeSliderMinLabel}"
            label-max="$i18n{displaySizeSliderMaxLabel}"
            on-value-changed="onDisplaySizeSliderDrag_">
</settings-slider>

Code is taken from https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/device_page/display.html?type=cs&q=display.html&g=0&l=149

just the "disabled" flag was added to the slider.