Closed Bug 1830997 Opened 3 years ago Closed 3 years ago

negative margin on inline <a> not being nulled out by same value of padding

Categories

(Core :: Layout: Block and Inline, defect)

Product:
Core
Component:
Layout: Block and Inline
Version:
Firefox 112
Platform:
Unspecified
All
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1069849

People

(Reporter: argyle, Unassigned)

Details

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

Steps to reproduce:

Codepen demo https://codepen.io/argyleink/pen/YzJQmrB/99c54cad7f23f9161daa9b63fd4c3458

place-content: center seems to be making the <p> inline size .25rem shorter than it should be, causing line wrapping. Does not reproduce in other browsers.

The negative margin is also offset by padding of the same amount. It shouldnt matter that a negative margin was on the <a> right?

Actual results:

a new line is created even though there's plenty of space

Expected results:

demo is all on one line

Reproducible on MacOS 11 and Windows 10 as well.
I'm setting a component in order to get this checked out by the development team.

Thank you for reporting!

Status: UNCONFIRMED → NEW
status-firefox112: --- → affected
status-firefox113: --- → affected
status-firefox114: --- → affected
status-firefox-esr102: --- → affected
Component: Untriaged → CSS Parsing and Computation
Ever confirmed: true
OS: Unspecified → All
Product: Firefox → Core

Simplified demo of similar behavior, without the huge CSS libraries: https://codepen.io/jfkthame/pen/poxprJq

We've seen this before; I'm pretty sure there's an existing bug on file....

Component: CSS Parsing and Computation → Layout: Block and Inline
Keywords: dupeme

Looks a lot like bug 1069849.

Status: NEW → RESOLVED
Closed: 3 years ago
Duplicate of bug: 1069849
Resolution: --- → DUPLICATE
Keywords: dupeme
You need to log in before you can comment on or make changes to this bug.