FLUID-2721: Internet Explorer rendering stops when some items are surrounded by list items

Description

Comments

• Steven Githens commented 2009-05-14T08:54:30.000-0400

  I accidentally hit enter before filling out the whole ticket, but I can't seem to have the permissions to edit it, so will be the details here:

  I don't have a great test case to check in yet, but so the issue doesn't get lost.

  I have a template as follows:

  <tr class="row">
  <td style="width: 40px"><img style="display:none" alt="Move Assignment" src="/sakai-assignment2-tool/content/images/4Arrows.png" class="movehandle" /></td>
  <td class="asnn-decorated-cell">
  <p>
  <span style="display:none" class="asnnid">1</span>
  <span class="asnntitle">Audio Scriptwriting</span>
  <img class="attachments" src="/sakai-assignment2-tool/content/images/attach.png" />
  <span class="draft">draft</span>
  <img class="needsAttention" src="/../../library/image/sakai/warn.gif"
  alt="There is a problem with this assignment. For additional information, click Edit."
  title="There is a problem with this assignment. For additional information, click Edit." />
  <br/>
  <a href="" class="editlink">Edit</a>
  <a href="" class="duplink">Duplicate</a>
  <a href="" class="gradelink">Grade</a>
  <br/>
  <span class="opendatelabel">Open: </span>
  <span class="opendate">May 6, 2008 3:00 PM</span>
  <span class="duedatelabel">Due: </span>
  <span class="duedate">May 13, 2008 3:00 PM</span>
  <span class="groupslabel">Restricted To: </span>
  <span class="groups">Red Cohort, Yellow Cohort</span>
  </p>
  </td>
  <td class="asnn-decorated-cell">
  <span class="inAndNew">8/4</span>
  <a href="" class="inAndNewLink">10/4</a>
  </td>
  <td class="asnn-decorated-cell"><input class="asnncheck" type="checkbox" /></td>

  </tr>

  The row class up top is mapped to a "row:", and most of the classes here are mapped to comp tree ID's.

  If I simply add a list around some of those spans, it simply doesn't render in IE. No JS errors or warnings.

  <ul>
  <li>
  <span class="opendatelabel">Open: </span>
  <span class="opendate">May 6, 2008 3:00 PM</span>
  <span class="duedatelabel">Due: </span>
  <span class="duedate">May 13, 2008 3:00 PM</span>
  <span class="groupslabel">Restricted To: </span>
  <span class="groups">Red Cohort, Yellow Cohort</span>
  </li>
  </ul>

• Steven Githens commented 2009-05-14T08:57:52.000-0400

  I also can't surround them with Divs

  <div>
  <span class="opendatelabel">Open: </span>
  <span class="opendate">May 6, 2008 3:00 PM</span>
  </div>
  <div>
  <span class="duedatelabel">Due: </span>
  <span class="duedate">May 13, 2008 3:00 PM</span>
  </div>
  <div>
  <span class="groupslabel">Restricted To: </span>
  <span class="groups">Red Cohort, Yellow Cohort</span>
  </div>

• Steven Githens commented 2009-05-14T09:01:36.000-0400

  It appears that maybe the rendering is having issues going to various depths. Because if I remove one of those wrapper <p> tags so the total depth is just one less, it does render in Internet Explorer. This is working:

  <tr class="row">
  <td style="width: 40px"><img style="display:none" alt="Move Assignment" src="/sakai-assignment2-tool/content/images/4Arrows.png" class="movehandle" /></td>
  <td class="asnn-decorated-cell">
  <span style="display:none" class="asnnid">1</span>
  <span class="asnntitle">Audio Scriptwriting</span>
  <img class="attachments" src="/sakai-assignment2-tool/content/images/attach.png" />
  <span class="draft">draft</span>
  <img class="needsAttention" src="/../../library/image/sakai/warn.gif"
  alt="There is a problem with this assignment. For additional information, click Edit."
  title="There is a problem with this assignment. For additional information, click Edit." />
  <br/>
  <a href="" class="editlink">Edit</a>
  <a href="" class="duplink">Duplicate</a>
  <a href="" class="gradelink">Grade</a>
  <br/>
  <div>
  <span class="opendatelabel">Open: </span>
  <span class="opendate">May 6, 2008 3:00 PM</span>
  </div>
  <div>
  <span class="duedatelabel">Due: </span>
  <span class="duedate">May 13, 2008 3:00 PM</span>
  </div>
  <div>
  <span class="groupslabel">Restricted To: </span>
  <span class="groups">Red Cohort, Yellow Cohort</span>
  </div>
  </td>
  <td class="asnn-decorated-cell">
  <span class="inAndNew">8/4</span>
  <a href="" class="inAndNewLink">10/4</a>
  </td>
  <td class="asnn-decorated-cell"><input class="asnncheck" type="checkbox" /></td>

  </tr>

• Justin Obara commented 2014-07-11T14:29:51.356-0400

  @@Steven Githens do you know if this is still an issue, or would you happen to have an updated test case that demonstrates this issue?

• Justin Obara commented 2024-07-22T12:03:14.345-0400

  Internet Explorer is no longer supported