Volume Slider UI component resets to max volume on resize about music-web-player HOT 2 OPEN

This is happening because in track-controls.component.html when <div class="misc-controls" *ngIf="!isMobile"> is removed and renters the DOM as a result of isMobile toggling, the default value of 10 (see below) is applied to the volume slider. When you toggle mute you can observe the accurate volume reflected.

<mat-slider
      #volume
      class="volume-slider"
      min="0"
      max="10"
      step=".1"
      value="10"
      (input)="changeVolume($event.value)"
    >
</mat-slider>

from music-web-player.

I see why it’s happening, but I’m not the best at JS. I’m sure Angular has a global resize event, maybe just make the element read lastVolume on that? Would that override the html? Or maybe just take out the value assignment in html all together and set default value once in JavaScript on initialization? I’m not sure what the best answer is here.

from music-web-player.