Fix display issue with z-index for widgets that use tables with embedded dashboards #19125

table in widgets that use tables embedded dashboards have a z-index of 10 causing overflow issues with other components in the view.

Expected Behavior

Table headers should not contain a z-index higher than other root components. Thus not blocking menu's and or other nearby reports when overflow is triggered on resizing

Current Behavior

resizing a dashboard with other components may cause the of a widget using a table to overflow into the view over other widgets. Menus that are activated will be obscured by the portion of a widget.

Possible Solution

remove z-index = 10 from the

Steps to Reproduce (for Bugs)

create a dashboard with table type views. load as an iframe and open a menu.

Context

it looks horrible and unprofessional for a white labeled system, lie we are paying for. Also not interested in adding css overrides for something like this.

Your Environment

• Matomo Version: 4.9
• PHP Version: 7.4.3
• Server Operating System: cluster of ubuntu 20 lts in AWS
• Additionally installed plugins:
  Whitelabel, custom reports and media analytics
• Browser: ANY
• Operating System: ANY
  
  

Hi @scottf-tvw, thanks for reporting this. I've recreated the issue and can confirm that removing the z-index from the table header prevents the broken layout.