Bug 64607

Summary:

Image map area coords dynamical change is ignored

Product:

WebKit

Reporter:

data007cz

Component:

New Bugs

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

mihnea

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

Windows Vista

URL:

http://e.cerny.sweb.cz

Attachments:

Description	Flags
local example of e.cerny.sweb.cz	none

data007cz

Reported 2011-07-15 11:13:34 PDT

Created attachment 101006 [details] local example of e.cerny.sweb.cz Chrome Version : 8.0.552.237 URLs (if applicable) : http://e.cerny.sweb.cz/ Other browsers tested: Safari 5: ? Firefox 3.x: OK IE 7/8: OK What steps will reproduce the problem? 1. create image map 2. change position of area with javascript 3. click new position, old position. What is the expected result? document.getElementById('AreaID').coords value changes clickable area changes to new position What happens instead? document.getElementById('AreaID').coords value changes clickable area stays at old position Please provide any additional information below. Attach a screenshot if possible. example http://e.cerny.sweb.cz/ should be working this way: click at 1 -> You clicked 1 click at 2 -> You clicked 2 Clicking at "first image" or "second image" should not change this behavior. But in chrome after clicking at "second image" still working the old places to click not the new... The BUG is that document.getElementById('AreaID').coords="x1,y1,x2,y2,x3,y3"; changes the value of the document.getElementById('AreaID').coords but is simply ignored. html code: <html> <head> <script language="JavaScript"> function prvni() { document.getElementById('image').src='1.jpg'; document.getElementById('jedna').coords = '0,0,100,0,100,100,0,100'; document.getElementById('dva').coords = '150,0,250,0,250,100,150,100'; } function druha() { document.getElementById('image').src='2.jpg'; document.getElementById('jedna').coords = '0,300,100,300,100,400,0,400'; document.getElementById('dva').coords = '540,300,640,300,640,400,540,400'; } </script> </head> <body> <img id="image" src="1.jpg" usemap="#clickmap" border="1"> <map name="clickmap"> <area id="jedna" shape="polygon" coords="0,0,100,0,100,100,0,100" href="#" onclick="document.getElementById('text').innerHTML='1';"> <area id="dva" shape="polygon" coords="150,0,250,0,250,100,150,100" href="#" onclick="document.getElementById('text').innerHTML='2';"> </map> <br>You clicked <span id="text">nothing</span> <br> <br> <a href="#" onclick="prvni();">first image</a>     <a href="#" onclick="druha();">second image</a> </body> </html> --------------------------------------------------------------------------------- Chrome Version :10.0.648.205 still BUGGY Other browsers tested: Safari 5: BUGGY Firefox 3.6: OK Firefox 4.0: OK IE 5/6: OK/OK IE 7/8: OK/OK Opera 11.10: OK

Attachments
local example of e.cerny.sweb.cz (15.30 KB, application/octet-stream) 2011-07-15 11:13 PDT, data007cz	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Mihnea Ovidenie

Comment 1 2011-07-28 05:28:35 PDT

Hi, I was testing using the provided link with Safari 5.1 on Mac/Win7 and latest WebKit nightly on Mac and i was not able to see a problem. Could you try with the latest nightly WebKit again?

data007cz

Comment 2 2012-02-11 15:37:45 PST

Chrome 16.0.912.77 works OK

Note You need to log in before you can comment on or make changes to this bug.