[wp-trac] [WordPress Trac] #26286: impossible to have HTML comments inside MAP tag

Wed Nov 27 13:12:58 UTC 2013

#26286: impossible to have HTML comments inside MAP tag
--------------------------+-----------------------------
 Reporter:  crysman       |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  General       |    Version:  3.7.1
 Severity:  normal        |   Keywords:
--------------------------+-----------------------------
 Asume this text inside a page inserted via the "text" tab of the WP
 editor:

 {{{
 Here comes the MAP:

 <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in
 -->
 <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
 <!-- #$-:Please do not edit lines starting with "#$" -->
 <!-- #$VERSION:2.3 -->
 <!-- #$AUTHOR:crysman -->
 <!--
 <area shape="rect" coords="23,95,64,108" alt="Kopírka" title="Kopírka"
 href="xxxKopirka" /> -->
 <!--
 <area shape="rect" coords="23,108,64,128" alt="Sekretariát"
 title="Sekretariát" href="xxxSekr" /> -->
 <!--
 <area shape="rect" coords="23,128,64,168" alt="Ředitelna"
 title="Ředitelna" href="xxxRed" /> -->
 <!--
 <area shape="rect" coords="23,168,64,210" alt="Vedoucí pracoviště"
 title="Vedoucí pracoviště" href="xxxVedouci" /> -->
 <!--
 <area shape="rect" coords="23,210,64,249" alt="CDTA" title="CDTA"
 href="xxxCDTA" /> -->
 <area title="Baletní sál" alt="Baletní sál" coords="23,250,71,298"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/baletni-sal" />
 <area title="Recepce" alt="Recepce" coords="64,82,184,123" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/recepce" /> <area title="Terasa"
 alt="Terasa"
 coords="234,140,603,141,604,312,546,311,545,323,396,323,396,289,234,290"
 shape="poly" href="http://lidicka.luzanky.cz/pronajmy/terasa" />
 <!--
 <area shape="rect" coords="96,123,159,145" alt="Šatna" title="Šatna"
 href="xxxSatna" /> -->
 <area title="Velký sál" alt="Velký sál" coords="71,145,184,298"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/velky-sal" /> <area
 title="Galerie" alt="Galerie" coords="185,95,233,298" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/galerie" />
 <!--
 <area shape="rect" coords="47,327,96,351" alt="Kostýmy" title="Kostýmy"
 href="xxxKost" /> -->
 <area title="Ornis" alt="Ornis" coords="47,351,96,436" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/ornis" /> <area title="místnost
 č. 42" alt="místnost č. 42" coords="47,436,96,491" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/42" />
 <!--
 <area shape="rect" coords="47,492,96,511" alt="Sklad" title="Sklad"
 href="xxxSklad" /> -->
 <area title="místnost č. 47" alt="místnost č. 47" coords="96,312,160,353"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/47" /> <area
 title="Keramika" alt="Keramika" coords="160,312,209,353" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/keramika" /> <area
 title="místnost č. 4" alt="místnost č. 4" coords="233,81,256,106"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/4" /> <area
 title="Čekárna" alt="Čekárna" coords="256,81,362,106" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/cekarna" /> <area
 title="Kuchyňka" alt="Kuchyňka" coords="338,115,363,140" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/kuchynka" /> <area
 title="Výtvarka" alt="Výtvarka" coords="363,115,418,140" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/vytvarka" /> <area
 title="Fotokomora" alt="Fotokomora" coords="362,81,418,106" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/fotokomora" /> <area
 title="místnost č. 7" alt="místnost č. 7" coords="419,81,442,106"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/7" /> <area
 title="Bijásek" alt="Bijásek" coords="442,81,547,106" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/bijasek" /> <area
 title="Keramika" alt="Keramika" coords="548,81,603,106" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/keramika" /> <area
 title="místnost č. 24" alt="místnost č. 24" coords="418,115,473,140"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/24" /> <area
 title="Společenské vědy" alt="Společenské vědy" coords="473,115,524,140"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/spolecenske-vedy" />
 <area title="Galerie chodba" alt="Galerie chodba" coords="233,106,716,115"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/galerie-chodba" />
 <area title="Rodinná výchova" alt="Rodinná výchova"
 coords="524,115,549,140" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/rodinna-vychova" /> <area
 title="Propagace" alt="Propagace" coords="549,115,604,140" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/propagace" /> <area
 title="místnost č. 10" alt="místnost č. 10" coords="603,81,660,106"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/10" /> <area
 title="Výtvarka" alt="Výtvarka" coords="660,81,717,106" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/vytvarka" /> <area
 title="místnost č. 21" alt="místnost č. 21" coords="604,115,653,159"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/21" /> <area
 title="místnost č. 13" alt="místnost č. 13" coords="668,115,717,159"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/13" /> <area
 title="místnost č. 20" alt="místnost č. 20" coords="604,159,653,230"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/20" /> <area
 title="místnost č. 14" alt="místnost č. 14" coords="668,159,717,208"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/14" /> <area
 title="Přírodověda" alt="Přírodověda" coords="668,208,717,230"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/prirodoveda" />
 <area title="Kuchyňka 19" alt="Kuchyňka 19" coords="604,230,653,279"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/kuchynka-19" />
 <area title="Zvířata" alt="Zvířata" coords="668,230,717,279" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/zvirata" /> <area title="místnost
 č. 18" alt="místnost č. 18" coords="604,279,626,301" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/18" /> <area title="místnost č.
 17" alt="místnost č. 17" coords="692,280,717,300" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/17" /> <area title="Ašrám"
 alt="Ašrám" coords="562,332,627,447" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/asram" /> <area title="místnost
 č. 68" alt="místnost č. 68" coords="627,332,692,382" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/68" /> <area title="Dobrovolnické
 centrum 67" alt="Dobrovolnické centrum 67" coords="627,382,692,421"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dobrovolnicke-
 centrum-67" /> <area title="Talent centrum" alt="Talent centrum"
 coords="651,421,692,443" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/talent-centrum" /> <area
 title="Dobrovolníci" alt="Dobrovolníci" coords="651,443,692,514"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dobrovolnici" />
 <area title="Technika" alt="Technika" coords="256,326,297,368"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/technika" /> <area
 title="Dílna 103" alt="Dílna 103" coords="297,326,378,368" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/dilna-103" /> <area title="Dílna
 105" alt="Dílna 105" coords="281,368,354,408" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/dilna-105" /> <area
 title="místnost č. 107" alt="místnost č. 107" coords="354,368,378,387"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/107" />
 </map>

 Here comes the map2:
 <map name="map2">
 <area title="CDTA" alt="CDTA" coords="23,210,64,249" shape="rect"
 href="xxxCDTA" /> -->
 <area title="Baletní sál" alt="Baletní sál" coords="23,250,71,298"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/baletni-sal" />
 <area title="Recepce" alt="Recepce" coords="64,82,184,123" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/recepce" /> <area title="Terasa"
 alt="Terasa"
 coords="234,140,603,141,604,312,546,311,545,323,396,323,396,289,234,290"
 shape="poly" href="http://lidicka.luzanky.cz/pronajmy/terasa" />
 <area title="Velký sál" alt="Velký sál" coords="71,145,184,298"
 shape="rect" href="http://lidicka.luzanky.cz/pronajmy/velky-sal" /> <area
 title="Galerie" alt="Galerie" coords="185,95,233,298" shape="rect"
 href="http://lidicka.luzanky.cz/pronajmy/galerie" />
 </map>

 Here comes the IMG:
 <img class="alignnone size-full wp-image-338"
 alt="planek_budovy_barva_2012" src="http://cmstest3.luzanky.cz/wp-
 content/uploads/2013/11/planek_budovy_barva_2012.png" usemap="#map"
 width="755" height="534" />

 Here comes the IMG2:
 <img class="alignnone size-full wp-image-338"
 alt="planek_budovy_barva_2012" src="http://cmstest3.luzanky.cz/wp-
 content/uploads/2013/11/planek_budovy_barva_2012.png" usemap="#map2"
 width="755" height="534" />
 }}}

 Online it is here: http://cmstest3.luzanky.cz/test-br/

 It generates HTML invalid page. Not only it is invalid, but the images are
 not displayed at all because of the wrongly behaved HTML comments...

 Look what it does:
 view-source:http://cmstest3.luzanky.cz/test-br/

 I suppose having comments inside the MAP tag is completely HTML valid. If
 this is true, WP handles it incorrectly...

--
Ticket URL: <http://core.trac.wordpress.org/ticket/26286>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software