1004067 - Facebook & Parse Logos at the bottom of http://applinks.org/ are clipped at the bottom

Status: RESOLVED DUPLICATE of bug 942364

(Core :: SVG, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: screenshot of Firefox Nightly rendering

STR:
 1. Load http://applinks.org/
 2. Scroll to bottom

ACTUAL RESULTS: The letters in the Facebook and Parse logos are visibly clipped at the bottom. See attached screenshot.

WFM in Chrome.

The logos are <img src="...svg">, though if I make a standalone data URI with just an <img> element and the same fixed width/height, I can't reproduce. So I think there's another confounding factor.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: (wrong file)

Comment 2

[Daniel Holbert [:dholbert]]

Attachment: screenshot of chrome dev channel rendering

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

Comment 4

[Daniel Holbert [:dholbert]]

(In reply to Daniel Holbert [:dholbert] from comment #0)
> The logos are <img src="...svg">, though if I make a standalone data URI
> with just an <img> element and the same fixed width/height, I can't
> reproduce

(Turns out I couldn't reproduce it with simple data URIs because I was copypasting the site's height="20px" attribute on the <img> elements, and that attribute actually *prevents* the bug -- *but* at the original URL, they also have "height:auto" in the stylesheet which neuters the height attribute.)

Comment 5

[Daniel Holbert [:dholbert]]

Attachment: reference case 1 (imposing fixed height of 20px on the img)

Here's the testcase with a fixed 20px height imposed, which fixes the bug (per prev. comment).

Without this, we end up with a computed height of 19.8px (from the SVG's aspect ratio), and apparently the sub-pixel height there messes with our rendering, or something.

Comment 6

[Daniel Holbert [:dholbert]]

I see this in the app links logo itself, at the bottom of the page, too:

data:text/html,<img src="http://applinks.org/wp-content/themes/applinks/library/img/structure/app-links-icon.svg" alt="App Links"  width="65" style="background:black">

The top of the "^" and the bottom of the "v" should both be sharp points, but instead, the bottom of the "v" is flattened/smeared. This is visible at the normal zoom level on Linux, and is also visible at various other zoom levels. (Hitting "Ctrl +" 4 times, 6 times, 7 times, and 8 times)