Uploaded image for project: 'JDK'
  1. JDK
  2. JDK-8117666

CSS radial-gradient percentage behaves different since JDK8 b87

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: P3
    • Resolution: Cannot Reproduce
    • Affects Version/s: 8
    • Fix Version/s: 8
    • Component/s: javafx
    • Labels:
    • Environment:

      Macbook Pro Retina, OS X 10.8.3, JDK8 b87

      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

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              flar Jim Graham
              Reporter:
              ggrunwald Gerrit Grunwald (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Imported: