Uploaded image for project: 'PUBLIC - Liferay Alloy UI'
  1. PUBLIC - Liferay Alloy UI
  2. AUI-1000

Tooltip 'hide' leaves remnant on page with z-index: 0; blocking interaction with elements at or below it.

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: No Longer Reproducible
    • Affects Version/s: 2.0.x
    • Fix Version/s: None
    • Component/s: Tooltip
    • Labels:
    • Environment:
      Tested on all major browsers, LAMP and WAMP servers, Alloy 2.0.x pr7

      Description

      Created tooltips on labels for checkboxes such that the tooltip displayed over the checkboxes. After mouseleave, the tooltip hides, however the functional clickable area in which the tooltip had resided was no longer interactable with the mouse.

      Further inspection showed the tooltip remained in the DOM in it's location with opacity 0 and z-index: 0;

      A quick CSS hack to fix the issue was possible.

      .tooltip-hidden {
      z-index: -999 !important;
      }

        Attachments

          Activity

            People

            Assignee:
            maira.araujo Maíra Araujo (Inactive)
            Reporter:
            tremor Matt Sudol (Inactive)
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Days since last comment:
              7 years, 29 weeks, 4 days ago

                Packages

                Version Package