Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.
This repository was archived by the owner on Sep 6, 2021. It is now read-only.

Hover Preview inconsistency: no preview / empty preview for unsupported gradients #3535

@peterflynn

Description

@peterflynn

Hover over each of the following:

.foo {
    background-image: linear-gradient(to right, #333, #CCC);
    background-image: -webkit-radial-gradient(center center, circle contain, black 0%, blue 25%, green 40%, red 60%, purple 80%, white 100%);
    background-image: -moz-radial-gradient(center center, circle contain, black 0%, blue 25%, green 40%, red 60%, purple 80%, white 100%);  
    background-image: radial-gradient(yellow, green); 
    background-image: repeating-linear-gradient(red, blue 20px, red 40px);
    background-image: repeating-radial-gradient(red, blue 20px, red 40px);
}

Result:
Hover preview appears for the first three, but is blank (empty checkerboard). Hover preview does not appear for the last two.

Expected:
Should we be more consistent? It seems better to not show a preview for unsupported cases rather than to show a preview that's incorrect. But how hard is it to detect which cases are supported?

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions