New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 778354 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Dec 2017
Cc:
█ divya.pa...@techmahindra.com
█ hdodda@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Animte box-shadow with transitions causes flickering effect

Reported by stroke...@gmail.com, Oct 25 2017 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
.button {
    background-color: red
    box-shadow: inset 0 0 0 0 blue;
    transition: box-shadow ease 0.3s !important;

    &:hover {
        box-shadow: inset 200px 0 0 0 blue;
    }
}

What is the expected behavior?
A blue box-shadow sliding from left to right

What went wrong?
The animation is flickering, while it works smooth in Firefox, for example

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 10.0
Flash Version:

Comment 1 by divya.pa...@techmahindra.com, Oct 26 2017

Cc: divya.pa...@techmahindra.com
Labels: Triaged-ET Needs-Triage-M61 Needs-Feedback
Unable to reproduce the issue on reported version 61.0.3163.100, latest stable 62.0.3202.62 and latest Canary 64.0.3250.0 Using windows 10 with "backgroud_color" file.

@ strokesws: Could you please provide sample test file, that would help in triaging the issue from TE-End
background_Color
503 bytes View Download

Comment 2 by hdodda@chromium.org, Dec 4 2017

Cc: hdodda@chromium.org
Status: WontFix (was: Unconfirmed)
Unable to reproduce the issue on latest stable M62 #62.0.3202.94 and canary M64 #64.0.3284.0 on windows 10 & 7 .

Marking it as won't fix , as there is no update from user from long duration.

Please feel free to raise  a new issue , if any issues in latest chrome channels .

Thanks!
►

Sign in to add a comment