Audio files are not rendered properly

[netbrothers-tr]

Bug Report

Audio files such as MP3s are not rendered properly.

Description

Rendering will output something like this.

<figure class="audio">
	<div class="embed">
		<audio class="audio-embed-item" title="Title of Audio File" controlslist="">
			<source src="/fileadmin/user_upload/audio_file.mp3" type="audio/mpeg">
		</audio>
	</div>
</figure>

Note that there is no controls attribute, only controlslist. But this seems to be necessary, such that Chrome (presumable Edge) and Firefox will not hide this element.

Steps to Reproduce

1. Place any audio element on any page.
2. Visit the page.

Expected behavior

The audio element should be visible.

Actual behavior

Element is not visible.

Versions

• TYPO3 v13
• Latest compatible Bootstrap Package

Solution

Add additionalAttributes="{controls: true}" to Resources/Private/Partials/ContentElements/Media/Rendering/Audio.html.