How to disable MdbRangeInput component?

Topic: How to disable MdbRangeInput component?

jtroester priority asked 4 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>

Add comment

Magdalena Dembna staff answered 4 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

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

jtroester

5Support score
1Questions 0Answers 0Snippets