New issue
Advanced search Search tips

Issue 740541 link

Starred by 2 users
Status: Available
Owner: ----
Cc:
f...@opera.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , Chrome , Mac
Pri: 2
Type: Bug



Sign in to add a comment

SVG animations based on mouse events getting confused about over/out

Reported by paul.leb...@gmail.com, Jul 10 2017 
UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce the problem:
Try the following test case.

https://jsfiddle.net/z2douzf0/

<svg>
  <circle cx="150" cy="75" r="50" fill="red">
    <set attributeName="fill" to="green" begin="mouseover"/>
    <set attributeName="fill" to="red" begin="mouseout"/>
  </circle>
</svg>

What is the expected behavior?
Circle turns green when you mouse over it, and reverts to red when you leave.

What went wrong?
Works for the first mouseover/mousout. But does nothing for the next mouseover, and from then on has inverted behaviour. It goes green on mouseout and red on mouseover.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 59.0.3071.115  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version:

Comment 1 by schenney@chromium.org, Jul 10 2017

Cc: f...@opera.com
Labels: OS-Android OS-Chrome OS-Linux OS-Mac
Owner: schenney@chromium.org
Status: Assigned (was: Unconfirmed)
Confirmed. fs@, any idea?

I'll try to bisect when I get a chance, so assigning to myself. But I'm guessing this is old.

Comment 2 by schenney@chromium.org, Jul 10 2017

Labels: BugSource-User PaintTeamTriaged-20170710

Comment 3 by f...@opera.com, Jul 10 2017 

I can only guess really... application order issues is what these types of things tend to be, but this is a bit too weird even for that...

I wonder if just one <set> with begin=mouseover and end=mouseout would work better here.

Comment 4 by paul.leb...@gmail.com, Jul 10 2017 

Yes. The end variant works fine.

<svg>
  <circle cx="150" cy="75" r="50" fill="red">
    <set attributeName="fill" to="green" begin="mouseover" end="mouseout"/>
  </circle>
</svg>

Comment 5 by schenney@chromium.org, Jul 10 2017

Owner: ----
Status: Available (was: Assigned)
It's an old bug.
Project Member

Comment 6 by sheriffbot@chromium.org, Jul 11

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 7 by paul.leb...@gmail.com, Jul 11 

Retested. This is still broken.

Comment 8 by f...@opera.com, Jul 11

Status: Available (was: Untriaged)
►

Sign in to add a comment