New issue
Advanced search Search tips

Issue 714853 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Apr 2017
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

inline-block elements add extra vertical space

Project Member Reported by jamiewa...@chromium.org, Apr 24 2017

Issue description

Chrome Version: 
OS: Linux (tested)

What steps will reproduce the problem?
Repro at https://jsfiddle.net/jp04kp4h/1/

What is the expected result?
After setting the height of both the video and the containing div, both should be the value entered (100px by default).

What happens instead?
The scrollHeight of the container element is 4px larger than it should be.

Setting display:block on the video fixes the problem, but it doesn't repro with any other element I tried, and gives the correct value in Firefox, so I think this is a bug.
 
Sorry; forgot the Chrome version: 58.0.3029.81 (Official Build) (64-bit)
Components: -Blink>Media>Video Blink>Layout
Summary: inline-block elements add extra vertical space (was: video tag adds extra vertical space)
On further investigation, this is not related to <video>, but affects all inline-block elements.

Comment 3 by e...@chromium.org, Apr 26 2017

Status: WontFix (was: Untriaged)
Inline block elements are aligned based on the font baseline. If you set vertical-align: bottom; for the video element it'll work as expected.

Sign in to add a comment