Line height doesn't affect floats

UNCONFIRMED
Unassigned

Status

()

Core
Layout: Floats
UNCONFIRMED
10 months ago
10 months ago

People

(Reporter: artoix, Unassigned, NeedInfo)

Tracking

({testcase-wanted})

50 Branch
x86_64
Mac OS X
testcase-wanted
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

10 months ago
Created attachment 8826943 [details]
firefox-line-height-bug.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

Steps to reproduce:

I applied specific styles to :first-letter pseudo class to achieve drop-cap typography effect. To have drop-cap properly wrapped by text, I applied float:left style to it.


Actual results:

The result is that Firefox ignores line-height definition, making it impossible to properly align drop-cap with the rest of the text (see screenshot attached).


Expected results:

Line height should have effect over floating box height.
(Reporter)

Updated

10 months ago
Component: Untriaged → General
Keywords: css2, css3
OS: Unspecified → Mac OS X
Hardware: Unspecified → x86_64

Comment 1

10 months ago
Provide a testcase, please.
Component: General → Layout: Floats
Flags: needinfo?(artoix)
Keywords: css2, css3 → testcase-wanted
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.