I'm developing a custom audio player web component using Lit Elements and the seek bar stops moving after the user interacts with it and triggered the OnChange event.

The seek function works fine and properly advances and rewinds the audio, but the range slider stops auto-updating the knob position after the first OnChange event is triggered.

If the OnChange Event is never triggered, the slider performers as expected.

Input Element Code:

<input

          type="range"
          id="seekbar"
          @change="${this.seek}" 
          class="progress-meter"
          value="${this.currentTime}"
          max="${this.duration}"
/>

Seek Function:

seek(e) {
 
     
     this.audio.currentTime = e.target.value;
   
 }