JDK-8117666 : CSS radial-gradient percentage behaves different since JDK8 b87
  • Type: Bug
  • Component: javafx
  • Sub-Component: graphics
  • Affected Version: 8
  • Priority: P3
  • Status: Closed
  • Resolution: Cannot Reproduce
  • Submitted: 2013-04-26
  • Updated: 2015-06-17
  • Resolved: 2013-11-07
The Version table provides details related to the release that this issue/RFE will be addressed.

Unresolved : Release in which this issue/RFE will be addressed.
Resolved: Release in which this issue/RFE has been resolved.
Fixed : Release in which this issue/RFE has been fixed. The release containing this fix may be available for download as an Early Access Release or a General Availability Release.

To download the current JDK release, click here.
JDK 8
8Resolved
Related Reports
Relates :  
JDK-8115401 - Sizing in custom controls behaves different since b87
Relates :  
JDK-8124960 - Oversized and incomplete components shown on osx 10.8.3 using jdk 1.8.0
Description
Since JDK8 b87 the percentage values in CSS radial-gradient behave different. I've created a led control that contains a Region called highlight. This Region should be filled by a radial-gradient via CSS. The following CSS code worked in JDK7 and up to JDK8 b86:

-fx-background-color: radial-gradient(center 15% 15%, radius 50%,
                                                    rgba(200, 194, 208, 0.8) 0%,
                                                    transparent 100%);


Since JDK8 b87 I have to write the following code to get the same result:

-fx-background-color: radial-gradient(center 70% 70%, radius 80%,
                                                     rgba(200, 194, 208, 0.8) 0%,
                                                     transparent 100%);

Please find the modifications in the led.css file.

As you can see the percentage values for center and radius are completely different. To get an idea of what I'm talking about please find two screenshots (expected and current visualization) here:

https://dl.dropboxusercontent.com/u/84552/tmp/issues/rt-30012.zip
Comments
The submitter can no longer reproduce the problem...
07-11-2013
Sorry for the late reply, it seems to be fixed, I can't reproduce it anymore. Thanx!
07-11-2013
Gerrit? I'd say unless Gerrit says otherwise, this should be resolved as cannot reproduce.
07-11-2013
David should be able to confirm one way or the other.
06-11-2013
Can someone confirm if my attached screen shot is showing the correct behavior now?
06-11-2013
Attaching a screen shot of what I see on Retina with a recent build of my clone of the graphics scrum. Is this correct?
10-10-2013
The highlight looks like the expected now (I had to modify the led.css to reverse the two background lines, otherwise it looked unlike either the "current" or "expected" images). The ring around the edge of the LED looks darker on my screen than it does in the screen shots, but the entire control is also now half the size of the window so maybe the total size has changed and the control now just fits into a darker part of the gradient?
10-10-2013
Assign to Jim to verify with Mac Retina.
30-09-2013
Kevin, I assume this is no longer an issue but I don't have a retina display on which to verify. My assumption is that this is a duplicate of RT-30272. Could someone on the graphics side check it out?
19-09-2013
Assigning to David to review, but I should note (to David) that this may be related to RT-30011 which Gerrit also just filed.
27-04-2013