Как я могу поместить иконку внутрь wavesurfer.js аудиоконтейнер div или поместите его в другой div и сделайте внешний дисплей div гибким?

#angular #wavesurfer.js

Вопрос:

Когда я пытаюсь поместить иконку внутрь wavesurfer.js аудио контейнер div он не отображается. Даже когда я помещаю аудио-контейнер div в другой div, он также не отображается.

Вот мой код:

     const wave = WaveSurfer.create({
      container: audioContainerId,
      waveColor: '#6620AB',
      progressColor: '#6620AB',
      cursorColor: '#4353FF',
      barWidth: 1,
      barRadius: 3,
      cursorWidth: 1,
      height: 100,
      minPxPerSec: 5,
      barGap: 3,
      plugins: plagins
    });
 

а ниже приведен HTML

     <div id="uploadedAudio">
      <mat-icon class="delete-audio"> close </mat-icon>
    </div>