Bug 299876
| Summary: | hue interpolation method not working in GTK / Epiphany | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Brian Kardell <bkardell> |
| Component: | WebKitGTK | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | bugs-noreply |
| Priority: | P2 | ||
| Version: | Other | ||
| Hardware: | PC | ||
| OS: | Linux | ||
| URL: | https://www.software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0Adiv%20%7B%0Aborder%3A%20solid%206em%20transparent%3B%0Awidth%3A%204em%3B%0Aaspect-ratio%3A%201%3B%0Abackground%3A%0Alinear-gradient(in%20hsl%20longer%20hue%2C%20red%200%20100%25)%20border-area%3B%0A%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%3E%26nbsp%3B%3C%2Fdiv%3E | ||
Brian Kardell
As noticed by ana tudor, while the code below works in Safari (meaning it renders , it does not in GTK
```
<style>
div {
border: solid 6em transparent;
width: 4em;
aspect-ratio: 1;
background:
linear-gradient(in hsl longer hue, red 0 100%) border-area;
}
</style>
<div> </div>
```
Several have verfied. You can run the test live via:
https://www.software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0Adiv%20%7B%0Aborder%3A%20solid%206em%20transparent%3B%0Awidth%3A%204em%3B%0Aaspect-ratio%3A%201%3B%0Abackground%3A%0Alinear-gradient(in%20hsl%20longer%20hue%2C%20red%200%20100%25)%20border-area%3B%0A%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%3E%26nbsp%3B%3C%2Fdiv%3E
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
*** This bug has been marked as a duplicate of bug 299875 ***