kennethormandy / kennethormandy/normalize-opentype.css

Collapsing inline-blocks with font-size: 0

Open
#6 6 comments 0 reactions 0 assignees View on GitHub
bug help wanted question
Dominant language
HTML
Stars
786
Forks
26
PR merge metrics
No merged PRs in 30d

Description

> I also tried dropping it into twitter.com via dev tools, and it broke the profile page in Chrome. We use inline blocks for the layout, and font-size:0 to collapse whitespace between elements. Looks like the font-feature-settings prevents that from happening.

https://github.com/necolas/normalize.css/issues/343#issuecomment-47190238

Contributor guide

Open the contributing guide

Research direction

The payload names no source file or test; start by locating the font-feature-settings rules in the stylesheet and reproduce the inline-block layout in Chrome. Compare behavior with and without font-size: 0, using the linked Normalize.css discussion for context. Done means the OpenType settings no longer prevent whitespace collapsing or break the affected layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.