ICEfaces
  1. ICEfaces
  2. ICE-8134

ace:tooltip goes behind the ace:dataTable bottom and headers

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 3.1.0.BETA1
    • Fix Version/s: 3.1.0.BETA2, 3.1
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 3.1.0 ALPHA2

      Description

      When using an ace:tooltip in an ace:dataTable, if the tooltip is near the top or bottom it is displayed behind the header or table bottom.
      1. Case11263Example.zip
        19 kB
        Arran Mccullough
      2. Case11263ExampleWAR.zip
        9.68 MB
        Arran Mccullough
      1. tooltip-overlay.jpg
        113 kB

        Issue Links

          Activity

          Hide
          Arran Mccullough added a comment -

          For the test case hover over "BBBB" in the second column.

          Show
          Arran Mccullough added a comment - For the test case hover over "BBBB" in the second column.
          Hide
          Nils Lundquist added a comment - - edited

          This is likely due to a positioning bounding box being on the table body, or less likely the header and footer being at a high z-index.

          The style causing this could be easy to fix if unnecessary, however if some feature requires it remain unchanged, the tooltip component may require a proxy, or some other mechanism of targeting table children while being located in DOM outside the table region.

          Show
          Nils Lundquist added a comment - - edited This is likely due to a positioning bounding box being on the table body, or less likely the header and footer being at a high z-index. The style causing this could be easy to fix if unnecessary, however if some feature requires it remain unchanged, the tooltip component may require a proxy, or some other mechanism of targeting table children while being located in DOM outside the table region.
          Hide
          Nils Lundquist added a comment - - edited

          My suspicions earlier were correct, the table body is an positional bounding box to resolve an IE7 bug. I'll be narrowing the fix to only effect IE7.

          Otherwise we're between a rock and a hard place. That position:relative rule can't be removed- the only other workaround for the "positioned elem overflowing over background" bug in IE7 is using quirks mode which renders correctly. Redesigning the table headers to not use any positioning would effect several features (sort controls- and all their state and js, config panel launch button), require several days work and look significantly different than in other browsers.

          As an alternative, because the tooltip js calculates its position relative to the browser window, its markup should be rendered outside a positioned container, even if the target of the tooltip is within that container. If this could be done the tooltip would not be clipped, and the markup efficiency of the tooltip could be increased.

          Show
          Nils Lundquist added a comment - - edited My suspicions earlier were correct, the table body is an positional bounding box to resolve an IE7 bug. I'll be narrowing the fix to only effect IE7. Otherwise we're between a rock and a hard place. That position:relative rule can't be removed- the only other workaround for the "positioned elem overflowing over background" bug in IE7 is using quirks mode which renders correctly. Redesigning the table headers to not use any positioning would effect several features (sort controls- and all their state and js, config panel launch button), require several days work and look significantly different than in other browsers. As an alternative, because the tooltip js calculates its position relative to the browser window, its markup should be rendered outside a positioned container, even if the target of the tooltip is within that container. If this could be done the tooltip would not be clipped, and the markup efficiency of the tooltip could be increased.
          Hide
          Nils Lundquist added a comment -

          Revision #29179
          Committed by nils.lundquist
          Moments ago
          ICE-8134 - Restrict effects of IE7 css fix to it alone.

          Show
          Nils Lundquist added a comment - Revision #29179 Committed by nils.lundquist Moments ago ICE-8134 - Restrict effects of IE7 css fix to it alone.

            People

            • Assignee:
              Ken Fyten
              Reporter:
              Arran Mccullough
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: