If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

negative margin equal to padding makes content within inline-blocks wrap

NEW
Unassigned

Status

()

Core
Layout
P4
minor
4 years ago
3 years ago

People

(Reporter: Kyli, Unassigned, NeedInfo)

Tracking

(Blocks: 1 bug, {css2})

26 Branch
x86_64
Windows 8
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

4 years ago
Created attachment 799852 [details]
FF bug 2013-09-04.html

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0 (Beta/Release)
Build ID: 20130903030201

Steps to reproduce:

http://jsfiddle.net/Rw3GK/

Create a link with a substantial padding and inverted margin. The intended effect is to give anchors a larger hitbox for touchscreens, and this is achieved on all layout engines but Gecko.


Actual results:

Text always wraps in on itself, as the element is properly sized to its content, THEN given the padding and negative margin.


Expected results:

as in Trident, Blink, WebKit, and Presto, the text does not overflow.
(Reporter)

Updated

4 years ago
Severity: normal → minor
Keywords: css2
OS: Windows NT → Windows 8
Priority: -- → P4

Updated

4 years ago
Component: Untriaged → Layout
Product: Firefox → Core
Attachment #799852 - Attachment mime type: text/plain → text/html
The issue is with the right margin not affecting line-breaking; if only left margin styles are used things fit.

David, what layout is the one the spec requires here, if any?
Flags: needinfo?(dbaron)
Mozilla/5.0 (Windows NT 6.2; rv:26.0) Gecko/20100101 Firefox/26.0
Reproduced using Aurora latest build (20131014004003), marking as NEW.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Blocks: 1069849
You need to log in before you can comment on or make changes to this bug.