[TRINIDAD-2427] af|panelTabbed skinning doesn't work with content compression

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 1.2.13-plugins
• Component/s: Skinning
• Environment: Windows 7, JDeveloper 11.1.1.6.0, Trinidad library that comes shipped by default with this IDE version (Trinidad Components 1.2, Trinidad HTML Components 1.2)
• Assignee: Unassigned
• Reporter: Ana Vinatoru
• Created: 20/Nov/13 11:20
• Updated: 20/Nov/13 11:20

Description

The skinning for tr:panelTabbed works properly when org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION is set to false.
When compression is turned on, most of the skinning selectors no longer work. Some of the skin selectors remain uncompressed.
Not sure if the issue is fixed in newer versions of the library, but I couldn't find a similar bug in the tracker.

Partial content of the .jspx file:
<tr:panelTabbed
position="above" styleClass="panelTabbed #

{condition ? 'panelTabbedHidden' : ''}

" id="selectorPanel">
<tr:showDetailItem text="#

{l10n['menu.customer.label']}

" inlineStyle="background-color: transparent">
</tr:showDetailItem>
</tr:panelTabbed>

Content of the skin CSS file:
.panelTabbed af|panelTabbed::tab {
text-align: center;
background-color: #DADADA;
}

.panelTabbed af|panelTabbed::body {
background-color: transparent;
}

.panelTabbed af|panelTabbed::tab-link,
.panelTabbed af|panelTabbed::tab-link-selected {
color: #666666;
font-size: 13pt;
}

.panelTabbed af|panelTabbed::cell-end,
.panelTabbed > table {
background-color: white;
}

.panelTabbed af|panelTabbed::cell-start {
padding-left: 20px;
}

.panelTabbed af|panelTabbed::cell-end {
padding-right: 20px;
}
.panelTabbedHidden af|panelTabbed::tab,
.panelTabbedHidden af|panelTabbed::tab-selected{
display: none !important;
}

Resulting HTML for the tab header:
<table class="panelTabbed
panelTabbedHidden" cellpadding="0" cellspacing="0" border="0" width="100%" summary="">
<tbody>
<tr><td class="xb9"><b style="margin-left:0px"></b></td>
<td height="1" nowrap="" class="xb8"><a id="f2:j_id_id25" name="f2:j_id_id25" href="#" >
<span class="x9w">Selected</span>Customer
</a></td>
<td class="xba"><b style="margin-left:0px"></b>
</td></tr>
</tbody>
</table>