Multiple slider moves together

[NikhilRadadiya]

I'm working with "nouislider": "^10.0.0"

I have a page where I need multiple sliders, IF I move one slider then it moves other sliders too, Also slider is draggable from anywhere.

Here is my component.html

<div class="integration-slider">
  <div class="range-slider square">
    <nouislider [connect]="true" [min]="0" [max]="15" [step]="1" [(ngModel)]="someValue" [config]="someRange2config" (ngModelChange)="onChange($event)"></nouislider>

  </div>
  <a class="expand">
    <div class="right-arrow">▼</div>
    <div>
      <h2>Base Parameters</h2>
    </div>
  </a>
  <div class="detail" style="display: block;">
    <div class="Parameters_Content">
      <ul>
        <li>
          <div class="Parameters_Content_Title">Height</div>
          <nouislider [connect]="true" [min]="0" [max]="15" [step]="1" [(ngModel)]="someValue" [config]="someRange2config" (ngModelChange)="onChange($event)"></nouislider>
        </li>
        <li>
          <div class="Parameters_Content_Title">Weight</div>
          <nouislider [connect]="true" [min]="0" [max]="15" [step]="1" [(ngModel)]="someValue" [config]="someRange2config" (ngModelChange)="onChange($event)"></nouislider>
        </li>
      </ul>
    </div>
  </div>
</div>

Please help me here

[miloskovacevic]

Check this issue: https://github.com/tb/ng2-nouislider/issues/88

[callmeaponte]

@tb Not sure if we should reopen this issue (if not I can create a new one), but fyi this is still occurring. And the solution in the linked issue above (#88) is no longer relevant - downgrading to 9.0.0 creates more issues than it solves.