Labels dropdown suggestions are partially hidden creating a scrollbar

XMLWordPrintable

    • Type: Bug
    • Resolution: Fixed
    • Priority: Low
    • 11.3.7
    • Affects Version/s: 11.3.3, 11.3.4
    • None
    • 11.03
    • 1
    • Severity 3 - Minor

      Issue Summary

      Labels dropdown suggestions are partially hidden and hard to click when editing Labels via More → Labels on the issue view.

      Steps to Reproduce

      1. Open any issue.
      1. Click More → Labels.
      1. Start typing a letter that has several matching labels (for example, U).
      1. Look at the suggestions dropdown.

      Expected Results

      • All matching label suggestions are fully visible.
      • User can scroll (if needed) and click any suggestion.

      Actual Results

      • Only about two suggestions are visible.
      • A scroll area appears but the remaining suggestions are clipped/hidden.
      • User cannot properly scroll or click some suggestions.

      Workaround

      Use a small JavaScript snippet in the Announcement Banner to correct the dropdown position so all suggestions become visible and clickable:

      <script>
      try {
        var observer = new MutationObserver(function() {
          var layer = document.querySelector('#labels-multi-select .ajs-layer');
          if (layer && layer.style.position === 'absolute') {
            var placeholder = layer.parentElement;
            var rect = placeholder.getBoundingClientRect();
            layer.style.position = 'fixed';
            layer.style.left = rect.left + 'px';
            layer.style.top = rect.bottom + 'px';
          }
        });
        observer.observe(document.body, { subtree: true, attributes: true, attributeFilter: ['style'] });
      } catch (e) {
        console.error('[Labels dropdown workaround] ' + e);
      }
      </script>
      <style>#announcement-banner { display: none; }</style> 

      Note: This is an unsupported customization and should be re-tested after upgrades.

              Assignee:
              Bilal Cinarli
              Reporter:
              Fernanda Gomes
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: