[TAP5-2014] Zone highlight leaves behind an explicit background-color which overrides css background-color

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 5.3.6
• Fix Version/s: 5.4
• Component/s: tapestry-core
• Assignee: Howard Lewis Ship
• Reporter: Geoff Callender
• Created: 18/Oct/12 14:00
• Updated: 24/Jul/13 23:41
• Resolved: 24/Jul/13 23:41

Description

Zone highlighter (i.e. t:update="highlight") leaves behind an explicit background-color that overrides the background-color specified in css. Instead, I think it should finish by removing the style changes that it added.

An example consequence: it kills off my hover effect. I have a table row with a hover effect, eg.

tr

{ background-color: #fff; }

tr:hover

{ background-color: #eee; }

and the row is also a zone with a highlight effect

<tr t:type="Zone" t:id="rowZone" id="prop:currentRowZoneId" t:update="highlight">

The hover effect works just fine until the zone updates, and then it no longer works.

Here's the row before the zone updates:

<tr class="even t-zone tapestry-zone" id="rowZone_5">

Here's the row after the zone updates:

<tr class="even t-zone tapestry-zone" id="rowZone_5" style="background-image: none; background-color: rgb(255, 255, 255); ">

The problem would go away if the zone update finished by leaving the row the way that it found it:

<tr class="even t-zone tapestry-zone" id="rowZone_5">

You can see the problem if you turn on "Highlight zone updates" in this example:

http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/eventlinksinaloop