Sticky table header pops in front of jQuery UI dialog

Created on 14 January 2025, 3 months ago

Problem/Motivation

If a page contains a table with a sticky header and then a dialog is opened on that page, the sticky table header pops in front of the dialog, looking very strange and making the dialog potentially unusable.

This is because the sticky table header has a z-index of 500 and the dialog overlay has a z-index of 100.

Steps to reproduce

  1. Create a node
  2. Visit the content overview
  3. Click the Delete operation for the node

Expected result:

A dialog opens in front of the content overview.

Actual result:

A dialog opens in front of the content overview but is partially obscured by the table header.

Proposed resolution

Set the z-index of the sticky table header to 50.

Remaining tasks

User interface changes

See above.

Introduced terminology

-

API changes

-

Data model changes

-

Release notes snippet

-

🐛 Bug report
Status

Active

Version

11.1 🔥

Component

CSS

Created by

🇩🇪Germany tstoeckler Essen, Germany

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024