Multi Range does not work in Dropdown Menu


Topic: Multi Range does not work in Dropdown Menu

norbertbede pro premium asked a year ago

enter image description here

Image is Showing Multi Range Component in Dropdown Menu not working properly.

This was changed because MDB Audit sugestion did by Sebastian. We can return previous workaround or you give us solution.


norbertbede pro premium answered a year ago

MDB Multi Range Slider Issues:

Slider is not blocked by its counter part, Slider with second value can be set before Slider with first value and vice versa.

Cannot Update actual values from code -> updating values in ts does not update Slider elements in html. (we have simple inputs for selected Low value an selected max value)

Using Slider in Dropdown does not update [(ngModel)] properly on Init (out of sync)

 <mdb-multi-range [startValues]=“[25,75]“ [(ngModel)]="drop_values"></mdb-multi-range>

drop_values after init contains [100,100],but html Sliders elements are rendered properly

enter image description here


norbertbede pro premium commented 8 months ago

this issue is still exists in 5.2


nubebytes pro premium answered 5 months ago

Still not working. It doesn't show the thumb element and throws directive error

TypeError: Cannot read properties of undefined (reading 'nativeElement')

Rafał Seifert commented 5 months ago

Could you edit your post and show us the code how you implement the multi range? We need some insights in order to recreate your problem.


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 5.1.0
  • Device: OSX
  • Browser: Chrom
  • OS: OSX
  • Provided sample code: No
  • Provided link: No