Uploaded image for project: 'ZABBIX BUGS AND ISSUES'
  1. ZABBIX BUGS AND ISSUES
  2. ZBX-18570

Varying widths of scrollbars across browses causes UI issues

XMLWordPrintable

    • Icon: Problem report Problem report
    • Resolution: Unresolved
    • Icon: Trivial Trivial
    • None
    • 5.0.6rc1, 5.2.0, 5.4.0alpha1
    • Frontend (F)
    • 0.25

      We do use webkit prefixed scroll bar styling - that takes effect in chromium based browsers regardless of OS. The same should be done in case of FireFox.

      The z-select component, developed in ZBX-17877 fixed FF case, by adding extra right padding on list items. That fixed issue in FF(linux) but not in FF(Windows).

      Instead – the above described changes should be reverted and scroll bar styles should be fixed.

      • pay attention to various themes
      • check if possible to override system scrollbar in Safari, else add extra padding only if needed.

      The initial issue is observed in this screenshot (z-select component in FF in Windows):

      The proposed fix is to update scrollbar style system wide.

      For comparison, below see how current FF(linux) and Chrome(linux) renders system overview widget:

      Useful links:

        1. 2020-10-28_11-32-18.png
          20 kB
          Mārtiņš Tālbergs
        2. 2020-10-28_11-32-41.png
          26 kB
          Mārtiņš Tālbergs
        3. 2020-10-28_12-37-27.png
          202 kB
          Mārtiņš Tālbergs

            zabbix.dev Zabbix Development Team
            talbergs Mārtiņš Tālbergs (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: