When minimum font size is set in browser, Items list is truncated in admin UI

[MelanieT]

The problem

The admin section of the main UI displays lists of things, items, and so on. The Items list appears to precalculate the height of all items in pixels, however, it does not take into account that the minimum font size setting in the browser can vary the height of items.

Items lists are truncated:

Expected behavior

Items list should be complete:

Steps to reproduce

1. Install Openhab, open admin UI and create some items.
2. Set the "Mninimum Font Size" in the browser to a large font:
   

Observe the list of items is now truncated.

Your environment

Mac OSX tested with both Firefox and Chrome. Openhab running on Raspberry Pi 5, install via packages.

runtimeInfo:
  version: 4.2.2
  buildString: Release Build
locale: en-GB
systemInfo:
  configFolder: /etc/openhab
  userdataFolder: /var/lib/openhab
  logFolder: /var/log/openhab
  javaVersion: 17.0.13
  javaVendor: Azul Systems, Inc.
  javaVendorVersion: Zulu17.54+21-CA
  osName: Linux
  osVersion: 6.6.51+rpt-rpi-2712
  osArchitecture: aarch64
  availableProcessors: 4
  freeMemory: 115538792
  totalMemory: 251658240
  uptime: 82605
  startLevel: 100
addons:
  - automation-jsscripting
  - binding-astro
  - binding-mqtt
  - persistence-inmemory
  - persistence-mapdb
  - persistence-rrd4j
  - transformation-bin2json
  - transformation-exec
  - transformation-jinja
  - transformation-jsonpath
  - transformation-map
  - transformation-regex
  - transformation-scale
  - transformation-xpath
  - ui-basic
  - ui-habpanel
clientInfo:
  device:
    ios: false
    android: false
    androidChrome: false
    desktop: true
    iphone: false
    ipod: false
    ipad: false
    edge: false
    ie: false
    firefox: true
    macos: true
    windows: false
    cordova: false
    phonegap: false
    electron: false
    nwjs: false
    webView: false
    webview: false
    standalone: false
    os: macos
    pixelRatio: 1
    prefersColorScheme: light
  isSecureContext: false
  locationbarVisible: true
  menubarVisible: true
  navigator:
    cookieEnabled: true
    deviceMemory: N/A
    hardwareConcurrency: 16
    language: en-GB
    languages:
      - en-GB
      - en
    onLine: true
    platform: MacIntel
  screen:
    width: 2560
    height: 1440
    colorDepth: 30
  support:
    touch: false
    pointerEvents: true
    observer: true
    passiveListener: true
    gestures: false
    intersectionObserver: true
  themeOptions:
    dark: light
    filled: true
    pageTransitionAnimation: default
    bars: light
    homeNavbar: default
    homeBackground: default
    expandableCardAnimation: default
    blocklyRenderer: null
  userAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0)
    Gecko/20100101 Firefox/119.0
timestamp: 2024-10-27T17:25:29.192Z

Browser console

There are no relevant error messages.

I have identified the culprit:

Note the element stye applied: "height: 425.39px;"

Toggling this:

Shows the item list as designed when the checkbox is off, and truncated when the checkbox is on (the limit is in effect)

Browser network traffic

No requests fail

Additional information

I could not observe any related issues on the Things list.