@scottf-tvw opened this Issue on April 20th 2022

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
    Screen Shot 2022-04-20 at 4 13 45 PM
    Screen Shot 2022-04-20 at 4 06 37 PM
@bx80 commented on April 22nd 2022 Contributor

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.

This Issue was closed on May 2nd 2022
Powered by GitHub Issue Mirror