Bulma: "height: auto" overrides default height for audio elements, setting it to zero
Overview of the problem
I'm using Bulma version 0.3.0
My browser is: Google Chrome Version 59.0.3071.109 (Official Build) (64-bit)
Description
When the property height is set to auto for an audio element, the height of that element becomes zero while browser renders it with a default height, so that it appears cut or above other html elements. Removing "height: auto;" for audio tags solves the problem.
Steps to Reproduce
- Add an audio element inside a bulma content element.
Expected behavior
The audio element should have the height assigned by default (user agent stylesheet).
Actual behavior
The audio element appears cut or above other html elements.
Image 1:
Image 2:
DAreRodz
All 3 comments
Nice catch! Fixing now.
jgthms
on 27 Jun 2017
This issue does not appear to be fixed. The CSS still sets height: auto; for the audio tag. As I understand it, this is a problem because audio has no height property. For some reason, this doesn't make a difference in Firefox or Safari, but it breaks in Chrome.
dancollins84
on 20 Jun 2018
Are you going to merge this fix anytime soon @jgthms ?
mcade
on 7 Dec 2018
Related issues
JenCant
路
3Comments
scottgrayson
路
3Comments
leofontes
路
3Comments
jaredreich
路
3Comments
rogervila
路
3Comments
Most helpful comment
This issue does not appear to be fixed. The CSS still sets
height: auto;for theaudiotag. As I understand it, this is a problem becauseaudiohas no height property. For some reason, this doesn't make a difference in Firefox or Safari, but it breaks in Chrome.