New issue
Advanced search Search tips

Issue 707192 link

Starred by 2 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Apr 2017
Cc:
Components:
EstimatedDays: ----
NextAction: 2017-05-01
OS: Android
Pri: 3
Type: Bug-Regression



Sign in to add a comment

touchend event not detected in android chrome browser when we touch and drag my finger a bit over svg tag and then lift up my finger

Reported by kishala...@gmail.com, Mar 31 2017

Issue description

Device name:

From "Settings > About Chrome"
Application version:56.0.2924.87
Operating system:android 5.0.0

URLs (if applicable):

Steps to reproduce:
(1) take an svg element use tag. a simple use tag having a rectangle and text element inside it
(2). keep its initial color white
(3)on touchstart event : write a code to change the color to red
(4) on touchend/mouseUp event : write a code to revert back the color to white

Expected result:

if we touch the symbol in html page. the color should chnage to red and then we again release the touch i.e lift my finger. it should revert back to white color
Now if however i touch the symbol in the screen and rub it in the screen basically drag over the symbol without moving my finger up from the screen,then we release my finger. ie.e release my touch from the phone. then it should revert back to white color.
Actual result:
Now if however i touch the symbol in the screen and rub it in the screen basically drag over the symbol without moving my finger up from the screen,then we lift my finger then it does not revert back to white color.
technically "touchend" event should be should fired.But whereas in real it is not getting fired.

touchend event gets fired properly in all other svg elements like rect,circle. But not for use tag.
it is happening in all the versions of the browser form 51 onwards whichever i have worked on



 
an link to older bug which i found somewhat similar
https://bugs.chromium.org/p/chromium/issues/detail?id=152913
a link to older bug which i found somewhat similar
Components: Blink>SVG

Comment 4 by f...@opera.com, Apr 3 2017

Components: Blink>Input
Labels: Needs-Feedback Type-Bug-Regression
Could you provide an example? It's not 100% clear to me where the various event handlers are attached. At first I thought this might be  issue 667324 , but the timeline doesn't match.
Labels: PaintTeamTriaged-20170404 BugSource-User
NextAction: 2017-04-17
Labels: Hotlist-Input-Dev
Owner: nzolghadr@chromium.org
Status: Assigned (was: Unconfirmed)
Navid can you investigate?
I tested with this example:
http://output.jsbin.com/viradol

and I don't see the same behavior. I'm just logging all the touch events. Are you sure you are not receiving touchcancel for example? In general when you receive a touchstart you should expect either a touchcancel or touchend sometime after that.
I'm attaching the file(1.svg) containing Svg element which i had written in the HTML as well as the java script sample code where the touch events have been written(js script.txt).


Here in the svg element i had attached various touch events . as mentioned earlier the touchmove as well as touchend was not getting fired in the scenario which i mentioned.
1.svg
1.5 KB Download
js script.txt
558 bytes View Download
It seems that your svg has a syntax problem when I tried it.

Do you mind if you put them in a jdfiddle or jsbin link and put them all together? or if you have a website link that would be good as well.

Comment 10 by f...@opera.com, Apr 5 2017

Here's a fiddle with the above dumped into it (syntax fixed; using latest jQuery): https://jsfiddle.net/3zgssqda/
Cc: dtapu...@chromium.org
Still no luck in reproducing it. I'm using 57.0.2987.132 on my Android. Do you see this in 57 as well?
Dave, were you able to repro this?
Cc: nzolghadr@chromium.org
Owner: ----
Status: Unconfirmed (was: Assigned)
I'm not able to reproduce it either with the provided jsfiddle.

Reporter: Can you please confirm that this jsfiddle fails in your scenario?
Project Member

Comment 13 by sheriffbot@chromium.org, Apr 7 2017

Cc: f...@opera.com
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "fs@opera.com" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
Please do not literally copy paste the code. Please include . please include jquery file also. Also please add tthe svg in an html file and in the svg  please inclue the namespaces required for working if SVG.
i had just given a skeletal code for understanding purpose.
The actual code in out code project is too big to be included here and also it will take days to understand the entire code.
so please request you to look into this issue.We have included this issue in  our software release note. But it is a very big issue to ignore.

Please 
Project Member

Comment 16 by sheriffbot@chromium.org, Apr 7 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "dtapuska@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Can you please give us the actual reproduction URI then? If we don't have the entire site it could very well be something else in your page that is preventing propagation of the touchend.


ping. We require more of a minimized test case or reproduction URI as the one provided seems to work just fine. Will leave open until the 17th at which time issue will be closed if no feedback provided.
Labels: Needs-Feedback
NextAction: 2017-05-01
Status: WontFix (was: Unconfirmed)
Asked for a reproduction URI a few times and no response. Closing issue due to lack of activity. If the issue still exists please open a new issue specifying the details requested.

Sign in to add a comment