Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-75517

# Issues column popup interfering with navigation

      The popup from the #Issues column interferes with browsability navigation.

       

      there appears to be no delay before the popup from #Issues is shown which when you are moving your mouse diagonally from right to left results in the popup often obscuring the link you are trying to get to.

       

      Steps to reproduce

      Navigate to https://ci.jenkins.io/job/Core/job/jenkins/

      scroll show the table border is at the bottom of the page.

      with you mouse outside the stable branch with both metrics and coverage move your mouse in a diagonal motion as indicated in the screen shot.

       

      Expected Results

      After a delay the popup for the coverage metrics of stable-2.462 branch will be shown

      Actual Results

      The popup for the 35 issues of stable-2.492 is shown immediately and obscures the intended destination

       

       

          [JENKINS-75517] # Issues column popup interfering with navigation

          Ulli Hafner added a comment -

          This is related to JENKINS-75516. I'm not sure how this can be changed. This is related to the tippy tooltips.

          Ulli Hafner added a comment - This is related to JENKINS-75516 . I'm not sure how this can be changed. This is related to the tippy tooltips.

          James Nord added a comment -

          I do not know enough about tippy etc but I would expect a delay before showing the tooltip (ensuring that the request to show the tooltip is not say invalidated by a mouse exist), or for the mouse to become stationary before firing the tooltip.

          https://atomiks.github.io/tippyjs/#delay

           

           

          James Nord added a comment - I do not know enough about tippy etc but I would expect a delay before showing the tooltip (ensuring that the request to show the tooltip is not say invalidated by a mouse exist), or for the mouse to become stationary before firing the tooltip. https://atomiks.github.io/tippyjs/#delay    

          James Nord added a comment - - edited

          NB there is some distinction between the popup from #Issues (warnings-ng) and Coverage

          The coverage you can not actually "mouse enter" the coverage popup as it is dismissed when you move out of the "coverage" td/div area.  with #Issues there is not the same exit (presumably as the tooltip on #Issues is on the TD entry and the tooltip on Coverage is on the nested div inside a TD (so there is a border).

          The coverage behaviour is also sub optimal as it means you can not interact with the popup to copy any values.

          The coverage behaviour "fixes" the issue but introduces a different UX issue

          The issues behaviour also introduces some other interesting quirks like getting multiple popups at the same time

          James Nord added a comment - - edited NB there is some distinction between the popup from #Issues (warnings-ng) and Coverage The coverage you can not actually "mouse enter" the coverage popup as it is dismissed when you move out of the "coverage" td/div area.  with #Issues there is not the same exit (presumably as the tooltip on #Issues is on the TD entry and the tooltip on Coverage is on the nested div inside a TD (so there is a border). The coverage behaviour is also sub optimal as it means you can not interact with the popup to copy any values. The coverage behaviour "fixes" the issue but introduces a different UX issue The issues behaviour also introduces some other interesting quirks like getting multiple popups at the same time

            Unassigned Unassigned
            teilo James Nord
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: