[Solved] 2nd stepper in list causing first one to change as well [v2]

After adding a second stepper in a list and then clicking on the plus or minus, it causes the fist stepper and the second to change in sync. Why is the second stepper causing the first one to change count?

In addition I am using the split view template (not sure if this matters).

`<li class="item-content">
        <div class="item-inner">
          <div class="item-title">Sections1:</div>
          <div class="item-after">
            <div class="stepper stepper-init">
              <div class="stepper-button-minus"></div>
              <div class="stepper-input-wrap">
                <input type="text" value="0" min="0" max="20" step="1" readonly>
              </div>
              <div class="stepper-button-plus"></div>
            </div>
          </div>
        </div>
      </li>
      <li class="item-content">
        <div class="item-inner">
          <div class="item-title">Section2: </div>
          <div class="item-after">
            <div class="stepper stepper-init">
              <div class="stepper-button-minus"></div>
              <div class="stepper-input-wrap">
                <input type="text" value="0" min="0" max="20" step="1" readonly>
              </div>
              <div class="stepper-button-plus"></div>
            </div>
          </div>
        </div>
      </li>`

Found the problem I initiated twice :stuck_out_tongue_winking_eye:

   `class="stepper-init"`
   ` app.stepper.create({...`
1 Like