Uploaded image for project: 'Tapestry 5'
  1. Tapestry 5
  2. TAP5-2014

Zone highlight leaves behind an explicit background-color which overrides css background-color

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 5.3.6
    • Fix Version/s: 5.4
    • Component/s: tapestry-core
    • Labels:
      None

      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

        Attachments

          Activity

            People

            • Assignee:
              hlship Howard M. Lewis Ship
              Reporter:
              geoffcallender Geoff Callender
            • Votes:
              8 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: