igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

Pivot Grid: gap in header borders

Open imincheva opened this issue 1 year ago • 2 comments

Description

On one of the Pivot Grid demos there's a gap in the header border

NOTE: This is only reproduced when you dont have a column dimension

Steps to reproduce

  1. Open Pivot Grid page (applicable for all themes and all sizes of the Pivot Grid)
  2. Look at the second header row (first cell in the row says "Drop Row Fields here"

Result

The vertical borders aren't connected with the horizontal border underneath them image

Expected result

The borders are supposed to be connected and no gap should appear. I believe the problem comes from the applied max-height on igx-grid-thead--virtualizationWrapper image

imincheva avatar Sep 20 '24 08:09 imincheva

@mddragnev After some investigation, it turns out this issue happens because of incorrectly applied heights (bound via templates) to some of the elements (igx-grid-thead--virtualizationWrapper and igx-grid__tr).

simeonoff avatar Oct 09 '24 14:10 simeonoff

Note for testers: This is only reproduced when you dont have a column dimension

mddragnev avatar Oct 17 '24 07:10 mddragnev