Skip to content

fix(Grid): Add border to rendered height calc.#16908

Open
MayaKirova wants to merge 4 commits into20.1.xfrom
mkirova/fix-border-calc-20.1.x
Open

fix(Grid): Add border to rendered height calc.#16908
MayaKirova wants to merge 4 commits into20.1.xfrom
mkirova/fix-border-calc-20.1.x

Conversation

@MayaKirova
Copy link
Copy Markdown
Contributor

Closes #16640

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them

IMinchev64
IMinchev64 previously approved these changes Feb 19, 2026
Copilot AI review requested due to automatic review settings April 2, 2026 15:33
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Fixes an IgxGrid auto-sizing issue where applying a CSS border could cause incorrect rendered height calculations and trigger continuous growth (issue #16640).

Changes:

  • Update grid body height calculation to account for host element top/bottom borders.
  • Reuse a single computed-style lookup during height calculation.
  • Update the auto-size sample styling to include a grid border for reproduction/verification.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File Description
projects/igniteui-angular/src/lib/grids/grid-base.directive.ts Adjusts rendered-height calculation to include border thickness when computing available body height.
src/app/grid-auto-size/grid-auto-size.sample.scss Adds a border to igx-grid in the sample to reproduce/validate the sizing behavior.

@dkamburov dkamburov added ✅ status: verified Applies to PRs that have passed manual verification and removed ❌ status: awaiting-test PRs awaiting manual verification labels Apr 2, 2026
@MayaKirova MayaKirova added ❌ status: awaiting-test PRs awaiting manual verification grid and removed ✅ status: verified Applies to PRs that have passed manual verification labels Apr 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants