[TRINIDAD-1437] Vertical breadcrumbs illegally mix in-line and block DOM elements

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 1.2.11-core
• Fix Version/s: 1.2.12-core
• Component/s: Components
• Assignee: Andrew Robinson
• Reporter: Andrew Robinson
• Created: 25/Mar/09 17:22
• Updated: 27/Jan/10 08:46
• Resolved: 25/Mar/09 19:35

Description

1) Run the breadcrumbs demo page.
2) Change the orientation to vertical and set inline style to :
background-color:red
3) Click on update.
Note that in FF and safari browser the style change does not take effect.

The problem is the resulting DOM:
<span style="background-color: red;" class="x4v"><div>...

As you can see, a DIV (block) got rendered in a SPAN (in-line). This is an illegal DOM hierarchy as the spec. clearly states that in-line elements must only ever include other in-line elements.