How to disable MdbRangeInput component?


Topic: How to disable MdbRangeInput component?

jtroester pro asked 2 months ago

Expected behavior The slider is disabled. The input element should get the disabled property.

Actual behavior The slider is still active / value can be changed. The form element got the disabled property.

Resources (screenshots, code snippets etc.) Code:

<mdb-range-input
  :min="min"
  :max="max"
  :value="value"
  :disabled="disabled"
  @input="onChange()"
  wrapperClass=""
  wrapperClassName
></mdb-range-input>

DOM:

<form class="range-field" disabled="disabled" wrapperclassname="">
<input min="0" max="10" type="range">
</form>

Magdalena Dembna staff premium answered 1 months ago

All available options for this component are listed here: https://mdbootstrap.com/docs/vue/forms/slider/#docsTabsAPI and disabled is unfortunately not one of them. I will add this feature request to our idea's board to consider in the future. Best regards, Magdalena


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Vue
  • MDB Version: 6.7.1
  • Device: Desktop PC
  • Browser: Firefox 77.0.1
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
mdb