1183922 - Images on Phoronix.com aren't shown correctly

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Marco Castelluccio [:marco]]

They're cut off in Firefox, rendered correctly in Chrome.

Comment 1

[Marco Castelluccio [:marco]]

Attachment: Chrome

Comment 2

[Marco Castelluccio [:marco]]

Attachment: Firefox

Comment 3

[Kevin Brosnan [Ex-Mozilla]]

This is likely a variant of bug 434230 / bug 1168302.

Comment 4

[Mike Taylor [:miketaylr]]

It does look similar, but I don't see any relevant tables here.

There's a script just above each of these graphs with the following src: "https://openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&c=6c16cb29b8f9f460b94b5b70d72952f2f939a64f&p=0". This returns:

> document.write(<thing to embed>)

In the case of Chrome, it's an <img> with an svg src. That corresponds to the following rule:

http://phoronix.com/phxcms-css/phoronix-10.css:
article.full img { max-width: 100%; }

But for Firefox, it returns an <object><svg>.

To fix, they could just tweak the selector like so, article.full img, article.full object {max-width:100%;...}

Comment 5

[Karl Dubost💡 :karlcow]

article.full object {
    max-width: 100%;
}

seems to resize only the width but the image is still too high inside the container object. 



article.full object {
    max-width: 100%;
    max-height: 100%;
}

seems to solve it.

Comment 6

[Karl Dubost💡 :karlcow]

Contacting https://twitter.com/MichaelLarabel
http://twitter.com/MozWebCompat/status/625432983533563904

Comment 7

[Karl Dubost💡 :karlcow]

looking closer at that issue, they are using a third party service for the graphs.

→ http GET 'https://openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&c=6c16cb29b8f9f460b94b5b70d72952f2f939a64f&p=0'


HTTP/1.1 200 OK
Connection: Keep-Alive
Content-Encoding: gzip
Content-Length: 152
Content-Type: text/html; charset=UTF-8
Date: Tue, 15 Mar 2016 05:40:51 GMT
Keep-Alive: timeout=5, max=100
Server: Apache
Vary: Accept-Encoding,User-Agent
X-Powered-By: PHP/5.6.17

document.write('<object data="//openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&p=2" type="image/svg+xml"></object>');


which does user agent sniffing

→ http GET 'https://openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&c=6c16cb29b8f9f460b94b5b70d72952f2f939a64f&p=0' 'User-Agent:Mozilla/5.0 (Linux; Android 4.4.4; SH-01G Build/SB080) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.76 Mobile Safari/537.36'

HTTP/1.1 200 OK
Connection: Keep-Alive
Content-Encoding: gzip
Content-Length: 161
Content-Type: text/html; charset=UTF-8
Date: Tue, 15 Mar 2016 05:42:29 GMT
Keep-Alive: timeout=5, max=100
Server: Apache
Vary: Accept-Encoding,User-Agent
X-Powered-By: PHP/5.6.17

document.write('<img type="image/svg+xml" width="auto" height="auto" src="//openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&p=2" />');


So probably we should try to contact in fact openbenchmarking.org

Switching back to needscontact.

Comment 8

[Karl Dubost💡 :karlcow]

Attachment: faking-chrome-ua-on-gecko.png

hehe maybe it doesn't matter.

https://openbenchmarking.org/

> Copyright © 2016 by Phoronix Media.
> Powered By OpenBenchmarking.org Server Using Phoronix Test Suite GAMVIK.
> OpenBenchmarking.org is a component of the Phoronix Test Suite.
> All trademarks used are properties of their respective owners. All rights reserved.

They get a contact page at 
Contact us today to learn more about our commercial offerings and services! Please contact us at commercial [at] phoronix-test-suite.com.

And the same person is here:
https://github.com/michaellarabel


<script language="javascript" src="https://openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&amp;sha=4000223&amp;c=6c16cb29b8f9f460b94b5b70d72952f2f939a64f&amp;p=0" type="text/javascript"></script>

So basically if they send us the same thing than Chrome, we are all fine aka 

document.write('<img type="image/svg+xml" width="auto" height="auto" src="//openbenchmarking.org/embed.php?i=1507139-BE-STEAMLINU16&sha=4000223&p=2" />');

Comment 9

[Karl Dubost💡 :karlcow]

Recontacted http://twitter.com/MozWebCompat/status/709619198515761152

Comment 10

[Marco Castelluccio [:marco]]

https://www.phoronix.com/forums/forum/phoronix/site-discussion/852314-rendering-problems-in-firefox-for-android

Comment 11

[Karl Dubost💡 :karlcow]

Thanks Marco. I created an account but it seems I can't reply or post there. Maybe a question of credentials. If someone could point the link to here.

Comment 12

[Marco Castelluccio [:marco]]

(In reply to Karl Dubost :karlcow from comment #11)
> Thanks Marco. I created an account but it seems I can't reply or post there.
> Maybe a question of credentials. If someone could point the link to here.

I tried to do the same, but I couldn't.

Comment 13

[Marco Castelluccio [:marco]]

I can't even write private messages to other people: "Sorry, you are not authorized to view this page".
I guess there's some bug in the forum.

Comment 14

[Marco Castelluccio [:marco]]

I just had to wait a while for a confirmation email to arrive :)

https://www.phoronix.com/forums/forum/phoronix/site-discussion/852314-rendering-problems-in-firefox-for-android?p=858714#post858714

Comment 15

[Karl Dubost💡 :karlcow]

Marco, Thanks a lot! Appreciated.

Comment 16

[Karl Dubost💡 :karlcow]

Still not fixed. Marco if you can ping them again. That would be great.

Comment 17

[Marco Castelluccio [:marco]]

https://www.phoronix.com/forums/forum/phoronix/site-discussion/852314-rendering-problems-in-firefox-for-android?p=866585#post866585

Maybe you can also try pinging him again on Twitter?

Comment 18

[Karl Dubost💡 :karlcow]

Tried http://twitter.com/webcompat/status/722963158952861697
Thanks Marco

Comment 19

[Marco Castelluccio [:marco]]

Assuming he didn't ignore my responses but simply didn't see them, I've opened a new topic on the forum: https://www.phoronix.com/forums/forum/phoronix/site-discussion/868887-rendering-problems-in-firefox-for-android-and-proposed-solution.

Comment 20

[Karl Dubost💡 :karlcow]

They now both return <object><svg> for Firefox, Chrome and Safari.
So now it is universally broken in the same way.

I'm closing this as "RESOLVED - FIXED" (kind-of). They know about the issue, and they chose a specific (strange) path. There is no more user agent sniffing. 

I see that Marco has communicated the issue that it is broken everywhere now in https://www.phoronix.com/forums/forum/phoronix/site-discussion/868887-rendering-problems-in-firefox-for-android-and-proposed-solution
I encourage users to push into the forum itself.


Thanks Marco.