Bug 136228 (texek)

Summary: wrong reorder of nested <p><span><div> elements.
Product: WebKit Reporter: texek
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: ap
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   

Description texek 2014-08-25 09:13:33 PDT 
A tool I am using to create hovering popups generates this html sequence:

<p><span><span></span><div></div></span></p> 

The css class of the div is chaged on hovering to display a popup text (display and z-index properties).

It works ok in KHTML, but in Webkit the source changes to:

<p><span><span></span></span><p><div></div><p></p>

wich includes an extra paragraph and breaks the hovering functionality.

A full example of the original html is (lines 215-216):

<p class='vspace'>Document relacionat amb , <span  class="tttgdocu" ><span  class="Ltttgdocu"  ><a class='wikilink' href='http://cathalaunia.org/Documentia/D00575' rel='nofollow' alt="" title="">(D00575)</a></span><div  class="Ptttgdocu" style="width:30em;" ><strong>914-I</strong> (Mâçon)<br clear='all' />A la vila de Rofiaco , el matrimoni Anselardus i Gotestiva ven a Arlebal les terres que tenen en el pagus Matisconense , agro Rofiacense , en la dita vila de Rofiaco i a Vetis Canivas , juntament amb el servent Grimal ; possessions que l'hi vingueren del seu pare Mainboldo i de la seva mare , així com de conquesta del seu senyor Otar , a Dominico i a Agendano.</div></span>
</p>

But in Webkit it is changed to:

<p class="vspace">Document relacionat amb , <span class="tttgdocu"><span class="Ltttgdocu"><a class="wikilink" href="http://cathalaunia.org/Documentia/D00575" rel="nofollow" alt="" title="">(D00575)</a></span></span></p><div class="Ptttgdocu" style="width:30em;"><strong>914-I</strong> (Mâçon)<br clear="all">A la vila de Rofiaco , el matrimoni Anselardus i Gotestiva ven a Arlebal les terres que tenen en el pagus Matisconense , agro Rofiacense , en la dita vila de Rofiaco i a Vetis Canivas , juntament amb el servent Grimal ; possessions que l'hi vingueren del seu pare Mainboldo i de la seva mare , així com de conquesta del seu senyor Otar , a Dominico i a Agendano.</div>
<p></p>

Follows the full source of the example page:

<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Cathalaunia | Documentia / D00782 </title>
  <meta http-equiv='Content-Style-Type' content='text/css' />
  <link rel='stylesheet' href='http://cathalaunia.org/wiki/pub/skins/cathaskin/pmwiki.css' type='text/css' />
  <!--HTMLHeader--><style type='text/css'><!--
  ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
  code.escaped { white-space: nowrap; }
  .vspace { margin-top:1.33em; }
  .indent { margin-left:40px; }
  .outdent { margin-left:40px; text-indent:-40px; }
  a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
  a.createlink { text-decoration:none; position:relative; top:-0.5em;
    font-weight:bold; font-size:smaller; border-bottom:none; }
  img { border:0px; }
  
        span.tttgtttg {position:relative;}
        span.tttgtttg:hover span.Ltttgtttg {}
        span.tttgtttg:hover div.Ptttgtttg {display:block;position:absolute;z-index:1001; left:1em; top:1em;}
        span.Ltttgtttg {}
        div.Ptttgtttg {display:none;}
        

.clicker { color:black; cursor:pointer; }.editconflict { color:green; 
  font-style:italic; margin-top:1.33em; margin-bottom:1.33em; }

  table.markup { border:2px dotted #ccf; width:90%; }
  td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
  table.vert td.markup1 { border-bottom:1px solid #ccf; }
  table.horiz td.markup1 { width:23em; border-right:1px solid #ccf; }
  table.markup caption { text-align:left; }
  div.faq p, div.faq pre { margin-left:2em; }
  div.faq p.question { margin:1em 0 0.75em 0; font-weight:bold; }
  div.faqtoc div.faq * { display:none; }
  div.faqtoc div.faq p.question 
    { display:block; font-weight:normal; margin:0.5em 0 0.5em 20px; line-height:normal; }
  div.faqtoc div.faq p.question * { display:inline; }
   
    .frame 
      { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
    .lfloat { float:left; margin-right:0.5em; }
    .rfloat { float:right; margin-left:0.5em; }
a.varlink { text-decoration:none; }

        span.tttgdocu {position:relative;}
        span.tttgdocu:hover span.Ltttgdocu {}
        span.tttgdocu:hover div.Ptttgdocu {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;min-width:30em;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttgdocu {}
        div.Ptttgdocu {display:none;}
        


        span.tttglocu {position:relative;}
        span.tttglocu:hover span.Ltttglocu {}
        span.tttglocu:hover div.Ptttglocu {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;min-width:30em;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttglocu {}
        div.Ptttglocu {display:none;}
        


        span.tttggocu {position:relative;}
        span.tttggocu:hover span.Ltttggocu {}
        span.tttggocu:hover div.Ptttggocu {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;min-width:30em;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttggocu {}
        div.Ptttggocu {display:none;}
        


        span.tttg {position:relative;}
        span.tttg:hover span.Ltttg {}
        span.tttg:hover div.Ptttg {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;min-width:300px;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttg {}
        div.Ptttg {display:none;}
        span.Ltttg a:visited {} span.Ltttg a:link {} span.Ltttg a:active {} span.Ltttg a:hover {font-weight: bold; text-decoration: none;}
span.Ltttg a:visited {} span.Ltttg a:link {} span.Ltttg a:active {} span.Ltttg a:hover {font-weight: bold; text-decoration: none;}

        span.tttgiber {position:relative;}
        span.tttgiber:hover span.Ltttgiber {}
        span.tttgiber:hover div.Ptttgiber {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttgiber {}
        div.Ptttgiber {display:none;}
        


        span.tttgciber {position:relative;}
        span.tttgciber:hover span.Ltttgciber {}
        span.tttgciber:hover div.Ptttgciber {display:block;position:absolute;z-index:1001; left:2em;top:1.3em;width:3em;border:1px solid #000;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius: 8px;padding:3px 5px;background:#e2cdb6;color: #000;font-size:100%;line-height:1.3em;}
        span.Ltttgciber {}
        div.Ptttgciber {display:none;}
        


--></style><link rel='stylesheet' type='text/css' href='http://cathalaunia.org/wiki/pub/fox/fox.css' media='screen' />

  <link rel='stylesheet' href='http://cathalaunia.org/wiki/pub/wsplus/wsplus.css' 
    type='text/css' />
  <!--[if IE]><style type='text/css' media='screen'>
    body { behavior:url('http://cathalaunia.org/wiki/pub/wsplus/csshover.htc'); }
    .rollover * { visibility: visible; }
  </style><![endif]-->

<link rel='stylesheet' type='text/css' href='http://cathalaunia.org/wiki/pub/attachtable/attachtable.css' />  <meta name='robots' content='index,follow' />
<link rel='stylesheet' type='text/css' href='http://cathalaunia.org/wiki/pub/css/local.css' />

</head>
<body onbeforeunload="leaving('lightgray');">
<!--PageHeaderFmt-->
  <div id='wikilogo'></div>
  <div id='wikihead'>
  <form action='http://cathalaunia.org/Base.Inici/'>
<!--    <span class='headnav'><a href='http://cathalaunia.org/Documentia/RecentChanges'
      accesskey='c'>Canvis Recents</a> -</span> -->
    <input type='hidden' name='n' value='Documentia.D00782' />
    <input type='hidden' name='action' value='search' />
    
    <input type='text' name='q' value='' class='inputbox searchbox' />
    <input type='submit' class='inputbutton searchbutton'
      value='Go' /></form></div>
<!--/PageHeaderFmt-->
  <table id='wikimid' width='100%' cellspacing='0' cellpadding='0'><tr>
<!--PageLeftFmt-->
      <td id='wikileft' valign='top'>
	
	<hr />
<hr />
<hr />
<ul><li><strong></strong>
</li><li><strong></strong>
</li><li><strong></strong>
</li><li></strong>
</li></ul><hr />
<p>
</p>
<div class='vspace'></div>

<!--/PageLeftFmt-->
      <td id='wikibody' valign='top'>
<!--PageActionFmt-->
        <div id='wikicmds'></div>
<!--PageTitleFmt-->
        <div id='wikititle'>
          <div class='pagegroup'></div>
          </div>
<!--PageText-->
<div id='wikitext'>
<div class='vspace'></div><hr />
<p><strong>Títol : * Obtard a Magbodus.</strong>
</p>
<p class='vspace'><strong>Resum :</strong> Obtard a Magbodus.
</p>
<p class='vspace'><strong>Dates :</strong> 891-IV
</p>
<p class='vspace'><strong>LLoc :</strong> Mâçon
</p>
<p class='vspace'><strong>Autor :</strong> 
</p>
<p class='vspace'><strong>Original :</strong> No
</p>
<div class='vspace'></div><div class='toggle' ><p><strong>Bibliografia :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<div class='indent'><strong>Text a: </strong> 
</div><div class='indent'><strong>Text a: </strong> 
</div><div class='indent'><strong>Text a: </strong> 
</div></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Antropònims :</strong>  (0) <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<ol><li><a name='G1' id='G1'></a>, titol
<ol class='cita' style='list-style: lower-roman; font-family: Times New Roman;'><li>text
</li></ol></li></ol><p class='vspace'><a name='Gend' id='Gend'></a>
</p></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Topònims :</strong>  (0) <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<ol><li><a name='L1' id='L1'></a>, tipus
<ol class='cita' style='list-style: lower-roman; font-family: Times New Roman;'><li>text
</li></ol></li></ol><p class='vspace'><a name='Lend' id='Lend'></a>
</p></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Datació :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<div  style='font-family: Times New Roman;' class='indent'>text
<div class='vspace'></div></div><div class='indent'><strong>Any de Crist :</strong> 
</div><div class='indent'><strong>Any de l'Era :</strong> 
</div><div class='indent'><strong>Any de Regnat :</strong> 
</div><div class='indent'><strong>Indicció :</strong> 
</div><div class='indent'><strong>Epacta :</strong> 
</div><div class='indent'><strong>Hègira :</strong> 
</div><div class='indent'><strong>Dia i Mes :</strong> 
</div></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Text :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<p class='vspace'><a name='Text' id='Text'></a>
</p><div style='text-align:justify; padding:5px; font-family:"Times New Roman";' >
<p class='vspace'><a name='f1' id='f1'></a>Dilecto genero nostro Obtart &amp; uxsore sua Gotestiva , ego quidem , in Dei nomen , Magbodus &amp; uxsor sua Utda , pro amore &amp; bona volencia nostra que contra vos habemus , <a name='f2' id='f2'></a>propter hec donamus vobis aliquit de res nostras in pago Matisconense , in agro Rofiacense , in villa Rofiaco , &amp; in Vetis Canevas , illa quarta parte qui nobis remansit de illas res que nos ante os dies ad jam dicta filia nostra Gotestivane incartavimus : <a name='f3' id='f3'></a>hoc sunt curtiferis , vircariis , vineis , campis , pratis , silvis , edificiis superpositis , pommis , pascuis , aquis aquarumque decursibus , cultum seo &amp; incultum , quesitum &amp; ad inquirendum , homnia ex omnibus , <a name='f4' id='f4'></a>ipsa quarta ad integrum , &amp; ad die presente vobis donamus &amp; tradimus , adque transfundimus , ut faciatis vos vel eres vestri post hunc die quicquid volueritis. <a name='f5' id='f5'></a>Si quis vero , quod fieri minime esse credimus , si nos ipsi vel ullus de eredibus nostris , vel quelibet ulla emissa persona , qui contra hanc donacione ista venire aut calumpniare presumpserit , &amp; ad nos vel nostrisque eredibus non fuerit defensatum , inferamus vobis vestrisque eredibus una cum tercio fisco de auro uncia I. componat , &amp; presens donacio ista in vos facta homnique tempore firma &amp; stabilis permaneat , stibulacione subnixa. 
</p>
<p class='vspace'><a name='f6' id='f6'></a>Hactum Rofiaco villa puplice. 
</p>
<p class='vspace'><a name='f7' id='f7'></a>S. Utdane , qui fieri &amp; firmare rogavit. <a name='f8' id='f8'></a>S. Oterio. S. Lanterio. S. Itgerio. S. Tancredo , qui consensit in omnibus. S. Warnerio. S. Ragenbolt. S. Teodono. S. Arigio. S. Arenbolt. 
Warenbertus rogatus subscripsit. S. Winanno. S. Arigio. 
</p>
<p class='vspace'><a name='f9' id='f9'></a>Warnegarius rogatus subscripsit , datavit die dominico , mense aprili , anno IIII. regnante Odono rege.<a name='fend' id='fend'></a>
</p>
<div class='vspace'></div></div>
<p><a name='TextEnd' id='TextEnd'></a>
</p></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Traducció :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<p><a name='Trad' id='Trad'></a>
</p>
<p class='vspace'><a name='TradEnd' id='TradEnd'></a>
</p></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Versions :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<p><a name='Vers' id='Vers'></a>
</p>
<p class='vspace'><a name='VersEnd' id='VersEnd'></a>
</p></div>
<div class='vspace'></div><div class='toggle' ><p><strong>Comentaris :</strong> <span  style='color: blue;'><strong>-</strong></span></p></div><div class='divsh'>
<p><a name='Coment' id='Coment'></a>
</p>
<p class='vspace'>Document relacionat amb , <span  class="tttgdocu" ><span  class="Ltttgdocu"  ><a class='wikilink' href='http://cathalaunia.org/Documentia/D00575' rel='nofollow' alt="" title="">(D00575)</a></span><div  class="Ptttgdocu" style="width:30em;" ><strong>914-I</strong> (Mâçon)<br clear='all' />A la vila de Rofiaco , el matrimoni Anselardus i Gotestiva ven a Arlebal les terres que tenen en el pagus Matisconense , agro Rofiacense , en la dita vila de Rofiaco i a Vetis Canivas , juntament amb el servent Grimal ; possessions que l'hi vingueren del seu pare Mainboldo i de la seva mare , així com de conquesta del seu senyor Otar , a Dominico i a Agendano.</div></span>
</p>
<p class='vspace'>Identificacions:
</p>
<p class='vspace'>La cerca per lemes de 1317 2050 2243 Obtart Gotestiva Magbodus Utda Oterio Lanterio Itgerio Tancredo Warnerio Ragenbolt Teodono Arigio Arenbolt Warenbertus Winanno Arigio Warnegarius , dóna :
</p><div class='indent'>D00575 Gotestiva4932 Odoni4939 Otar4933 - Matisconense1317 Rofiacens2050 Vetis Canivas2243
</div><div class='indent'>D00648 Ragenbaldo5522 Odoni4612 - Matisconense1317
</div><div class='indent'>D00695 Lendricus5780 Teudo3613 - Matisconense1317
</div><div class='indent'>D00557 Otouro4797 Oterio4796 - Matisconense1317
</div><div class='indent'>D00558 Otouro4797 Oterio4796 - Matisconense1317
</div><div class='indent'>D00562 Oddonis4837 - Matisconense1317
</div><div class='indent'>D00554 Warenberti4761 - Matisconense1317
</div><div class='indent'>D00474 Otranni4156 - Matisconense1317
</div><div class='indent'>D00533 Vuaninci2219 - Matisconense1317
</div><div class='indent'>D00470 Vuaninci2219 - Matisconense1317
</div><div class='indent'>D00522 Vuaninci2219 - Matisconense1317
</div><div class='indent'>D00579 Odono4972 - Matisconense1317
</div><div class='indent'>D00266 Vuaninci2219 - Matisconense1317
</div><div class='indent'>D00506 Erioe4424 - Matisconense1317
</div><div class='indent'>D00420 Obtardo3733 - Matisconense1317
</div><div class='indent'>D00574 Aroas4149 - Matisconense1317
</div><div class='indent'>D00524 Winiis4563 - Matisconense1317
</div><div class='indent'>D00512 Obtardo3733 - Matisconense1317 Rofiacens2050
</div><div class='indent'>D00560 Arembert4818 - Matisconense1317
</div><div class='indent'>D00546 Ragembaldo4706 - Matisconense1317
</div><p class='vspace'>3733 4973 4671 4932 4528 4945 4796 5229 5859 5748 4823 4632 5837 4225 597 3922 4492 4502 769 3862 767 5936 4706 4296 5438 2004 4981 4252 1719 5289 3885 4336 4489 3613 4753 5703 4493 4147 3967 5244 4761
</p>
<p class='vspace'>Les repeticions de grups d'homònims , dóna :
</p><div class='indent'>(D00575) Gotestiva4932 Maembaldo4528 Maymbodus4945
</div><div class='indent'>(D00516) Arigo4493 Teudo4489 Warnario4492 Warnario4502
</div><div class='indent'>(D00512) Obtardo3733 Raimbol4296
</div><div class='indent'>(D00420) Obtardo3733 Raimbol4296
<div class='vspace'></div></div><div class='indent'>(D00539) Maembaldo4528 Teotono4336
</div><div class='indent'>(D00579) Atono4973 Deodo4981
</div><div class='indent'>(D00308) Deudone1719 Ragambaldo767
</div><div class='indent'>(D00446) Teudo3613 Waribertus3967
</div><div class='indent'>(D00078) Ragambaldo767 Warnario769
</div><p class='vspace'><a name='ComentEnd' id='ComentEnd'></a>
</p></div>
<div class='vspace'></div>
</div>

      </td>
    </tr></table>
<!--PageFooterFmt-->
  <div id='wikifoot'>
    <div class='footnav'>
    <div id='wikicmds'></div>
    <div class='lastmod'>Creat 2014-08-23. Darrera modificació de la pàgina el 25 de August del 2014 a les 16h44</div></div>
<!--HTMLFooter--><script type="text/javascript" src="http://cathalaunia.org/wiki/pub/untoggle.js"></script>
</body>
</html>
Comment 1 Alexey Proskuryakov 2014-08-25 16:44:38 PDT 
This is almost certainly correct parsing per HTML5, as the sequence is invalid.

Please feel free to re-open if WebKit does not agree with Firefox or Chrome here.