Closed
Bug 1294623
Opened 8 years ago
Closed 8 years ago
Firefox does not rendering webkit gradient correctly
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 1210575
People
(Reporter: isurunix, Unassigned)
References
()
Details
(Keywords: testcase)
Attachments
(1 file)
|
(deleted),
application/zip
|
Details |
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160728204513
Steps to reproduce:
Bug was original found while visiting the Nylas N1 auth page. Since it is not practical to visit it I have created a sample with code from the Nylas page.
1. Download the attached firefox-webkit-bug.zip
2. Extract it.
3. Open the index.html in Firefox. You should see a white blank page
4. Right click on the page and select Inspect Element
5. Click the <body> tag in the html source
6. You will see the css with a warning message
7. To compare open the same index.html in Opera Developer or Chrome
8. You should see a subtle gradient
9. See firefox.png and opera.png in the zip for comparison.
Platform : Ubuntu 14.04 x86_64 3.13.0-93-generic
Actual results:
Firefox only gave a white background without the gradients
Expected results:
Give proper gradient colors
|
Reporter | |
Updated•8 years ago
|
Component: Untriaged → General
OS: Unspecified → Linux
Hardware: Unspecified → x86_64
|
||
Comment 1•8 years ago
|
||
-webkit is a proprietary prefix, and Firefox is built on Gecko (not webkit). Ideally the website should be providing standards-based CSS instead of the webkit-specific version.
Firefox now has an implementation for these gradients, but it's behind a flag by default. To test it, you can flip the "layout.css.prefixes.webkit" flag in about:config. With it set to true, this test page: http://jsbin.com/keluhuxiwe/edit?html,css,output (which uses more or less the same CSS as your attachment) seems to work for me.
Dan, are we planning to enable the webkit stuff on desktop at some point? Reporter, do you have contacts with Nylas that we can ask to update their website so it works in more browsers?
|
|
Reporter | |
Comment 2•8 years ago
|
||
(In reply to :Gijs Kruitbosch (PTO recovery mode) from comment #1)
> -webkit is a proprietary prefix, and Firefox is built on Gecko (not webkit).
> Ideally the website should be providing standards-based CSS instead of the
> webkit-specific version.
>
> Firefox now has an implementation for these gradients, but it's behind a
> flag by default. To test it, you can flip the "layout.css.prefixes.webkit"
> flag in about:config. With it set to true, this test page:
> http://jsbin.com/keluhuxiwe/edit?html,css,output (which uses more or less
> the same CSS as your attachment) seems to work for me.
>
> Dan, are we planning to enable the webkit stuff on desktop at some point?
> Reporter, do you have contacts with Nylas that we can ask to update their
> website so it works in more browsers?
Oh, I didn't knew about that flag and actually I though Firefox is has this feature enabled by default.
After setting the flag I can see it is being rendered correctly.
Kruitbosh, unfortunately I have no contact with Nylas other than their twitter handle and some email conversions regarding some issues. Anyway I'll reach out to them regarding this issue.
Flags: needinfo?(isurunix)
|
||
Comment 3•8 years ago
|
||
(In reply to :Gijs Kruitbosch (PTO recovery mode) from comment #1)
> Dan, are we planning to enable the webkit stuff on desktop at some point?
Yes - this is enabled by default in Firefox 49 (currently on beta), via bug 1259345.
(I'll resolve this as a duplicate of bug 1210575, which is where we added [preffed-off] support for this -webkit-radial-gradient syntax originally.)
Thanks for filing bugs when you notice stuff seems broken, in any case!
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Flags: needinfo?(dholbert)
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•