Skip to content

IgxPivotGrid row headers and cells misalignment when scrolling and browser is zoomed #16007

@ddaribo

Description

@ddaribo

Description

Reported by a customer.
The IgxPivotGrid row headers and cells are misaligned when scrolling and browser is zoomed > 100%.

  • igniteui-angular version: any
  • browser: tested with Chrome, Edge, Mozilla

Steps to reproduce

  1. Increase the browser scale > 100%
  2. Open this demo or any where the grid is scrollable
  3. Scroll down
  4. Observe a misalignment, which gets larger down. In case the browser scale is increased, the gap is more visible.

or

  1. Scroll down, but not to the end
  2. Observe a misalignment in the row headers.

Result

Image

Image

Expected result

No misalignment for any scale

Attachments

Attach a sample if available, and screenshots, if applicable.

Metadata

Metadata

Assignees

Labels

🐛 bugAny issue that describes a bug✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.grid: pivot

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions