1013692 - in-content preferences: rendering issue radio buttons

Status: VERIFIED FIXED

(Firefox :: Settings UI, defect)

Description

[Sören Hentzschel]

Attachment: radiobutton.png

Please see the attached screenshot. The inner circle looks really awful, it's something but not round.

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

I don't see this issue on Nightly 05-29-2014. Can you please retest and reopen if you can still reproduce it?

Comment 2

[Sören Hentzschel]

Attachment: screenshot.png

I still see the issue (Nightly from 2014-05-30).

Comment 3

[Jared Wein [:jaws] (please needinfo? me)]

Ok, this is an issue with the radial-gradient rendering that we use here. This is the property at fault here:

  background-image: radial-gradient(circle, rgb(23,146,229), rgb(76,177,255) 5.5px,
                                    rgba(76,177,255,0.2) 6px, transparent 6px);

Benoit, would you be able to help out here or redirect to someone who may know more information about this?

Comment 4

[Benoit Jacob [:bjacob] (mostly away)]

You need someone who knows 2D content drawing. Trying :jrmuizel.

Comment 5

[Jeff Muizelaar [:jrmuizel]]

Can you post some html that reproduces the problem? Also what platform is this on?

Comment 6

[Jared Wein [:jaws] (please needinfo? me)]

Jeff, I believe Soren is running OSX HiDPI.

Here is HTML that should reproduce the issue:
data:text/html,<div style="background-image: radial-gradient(circle, rgb(23,146,229), rgb(76,177,255) 5.5px,rgba(76,177,255,0.2) 6px, transparent 6px);height:200px;width:200px;"/>

Comment 7

[Sören Hentzschel]

(In reply to Jared Wein [:jaws] (please needinfo? me) from comment #6)
> Jeff, I believe Soren is running OSX HiDPI.

Correct.

Comment 8

[Tim Nguyen :ntim]

Will be fixed by the patch in bug 1022582

Comment 9

[Camelia Badau [:cbadau], Desktop QA]

Verified Fixed using a HiDPI MacBook Pro running OS X 10.9.5 (latest Nightly 37.0a1, buildID: 20141214030205).