Topic: How to disable MdbRangeInput component?

jtroester priority asked 3 years 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 answered 3 years 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.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 6.7.1
  • Device: Desktop PC
  • Browser: Firefox 77.0.1
  • OS: Windows 10
  • Provided sample code: Yes
  • Provided link: No
Tags