8000 [css21][css-inline] height of inline box with line-height not normal · Issue #1797 · w3c/csswg-drafts · GitHub
Skip to content

[css21][css-inline] height of inline box with line-height not normal #1797

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
frivoal opened this issue Sep 11, 2017 · 1 comment
Closed

[css21][css-inline] height of inline box with line-height not normal #1797

frivoal opened this issue Sep 11, 2017 · 1 comment
Assignees
@frivoal
Labels
Closed Accepted by CSSWG Resolution CSS2 css-inline-3 Current Work

Comments

@frivoal
Copy link
Collaborator

frivoal commented Sep 11, 2017 •
edited
Loading

This is part of the #1796 series. Read that issue for context

Test source
Ref source
Live test
Live ref

As demonstrated by this test, all browsers (Edge, FF, Safari, Chrome) agree that when you set the line-height property to a value other than normal, you get exactly the height you asked for, even when there are differently sized fallback fonts involved. In other words, nobody does the black behavior in this diagram.

Whether browsers do the red behavior, the blue one, or something else depends on how the baseline is positioned, and that will be dealt with in #1801
@frivoal frivoal added css-inline-3 Current Work CSS2 labels Sep 11, 2017
@frivoal frivoal self-assigned this Sep 11, 2017
This was referenced Sep 12, 2017
Closed
Closed
@frivoal
Copy link
Collaborator Author

frivoal commented Sep 12, 2017 •
edited
Loading

This means this note from CSS21 is misleading:

When there is only one value of 'line-height' for all inline boxes in a block container box and they are all in the same font (and there are no replaced elements, inline-block elements, etc.), the above will ensure that baselines of successive lines are exactly 'line-height' apart. This is important when columns of text in different fonts have to be aligned, for example in a table.

This is true when line-height is some value other than normal even if glyphs from fonts other than the primary available font are used.

@frivoal frivoal mentioned this issue Mar 6, 2018
Closed
gsnedders pushed a commit to gsnedders/csswg-drafts that referenced this issue Apr 14, 2018
@frivoal @gsnedders
[css2] Correct misleading note
d8f8c8e 
This closes w3c#1797
gsnedders pushed a commit to gsnedders/csswg-drafts that referenced this issue May 15, 2018
@frivoal @gsnedders
[css2] Correct misleading note
6a00c7d 
This closes w3c#1797
gsnedders pushed a commit that referenced this issue May 15, 2018
@frivoal @gsnedders
[css2] Correct misleading note
c02c461 
This closes #1797
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@frivoal frivoal

Labels
Closed Accepted by CSSWG Resolution CSS2 css-inline-3 Current Work
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@frivoal