Multiple streams playing after d'n'd audio widget with autoplay set to true.

[f1ames]

Hi again,
after adding an audio with autoplay option set to true and then dragging it somewhere else, the multiple audio streams starts to play (despite the audio tag is in a paused stated). I attached the screenshot showing multiple audio streams being fetched by the browser at the same time:

[aldatsa]

I tried pausing the audio, setting the src attribute to an empty string, and even removing the audio element itself on the dragstart event but it doesn't work, 1 second or so after starting to drag the widget the second stream of audio starts playing.

init: function() {
    ...
    var that = this;
    ...
    editor.on( 'dragstart', function( evt ) {
        that.element.getChild( 0 ).$.pause();
        that.element.getChild( 0 ).setAttribute( 'src', '' );
        that.element.getChild( 0 ).remove();
    } );

[aldatsa]

I tried removing the autoplay attribute as well:

that.element.getChild( 0 ).removeAttribute( 'autoplay' );

and using a more specific way to select the audio element:

that.element.getElementsByTag( 'audio' ).getItem( 0 )

instead of getting the first child:

that.element.getChild( 0 )

But no luck so far. It looks like a "shadow" audio element is created when I start to drag the widget. Is it possible?

[f1ames]

Thanks for your efforts @aldatsa.
When it comes to widget system, there is some logic happening behind the scenes which indeed may be the cause of this issue (not sure if it is "shadow" audio element though) and so applying the fix from the plugin code may be quite difficult (if possible). I may get back to you in some time if I get some understanding what is exactly happening in this case.