Skip to content

feat(GridBase): Apply spec for server-side rendering for relative gri…#15556

Merged
ChronosSF merged 7 commits intomasterfrom
mkirova/ssr-improvements
Apr 9, 2025
Merged

feat(GridBase): Apply spec for server-side rendering for relative gri…#15556
ChronosSF merged 7 commits intomasterfrom
mkirova/ssr-improvements

Conversation

@MayaKirova
Copy link
Copy Markdown
Contributor

…d sizes.

Closes #15202

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

@MayaKirova
Copy link
Copy Markdown
Contributor Author

@dkamburov @ChronosSF

FYI, the grid will now retain 100% size (width/height) from the SSR render, however note that things inside the grid may still flicker during hydration on the client.

For example:

  • Scrollbars may show, since we're going from an empty grid to a grid with data.

  • Columns that have relative size (in %), may change their size after hydration (and as a result of that also spawn a scrollbar). This makes sense because they were originally measured to the size the sever has used for pre-render.

    So it looks similar to this, when hydration occurs:
    grid_hydration

@ChronosSF ChronosSF requested review from kdinev and removed request for damyanpetev March 25, 2025 09:40
kdinev
kdinev previously approved these changes Mar 25, 2025
@mddragnev mddragnev added 💥 status: in-test PRs currently being tested and removed ❌ status: awaiting-test PRs awaiting manual verification labels Mar 28, 2025
@mddragnev
Copy link
Copy Markdown
Member

@MayaKirova If you have a grid width a fixed sizes ( let say 600px width and height) then the data should be rendered on the server but it doesnt. It renders on the client

@mddragnev mddragnev added ✅ status: verified Applies to PRs that have passed manual verification and removed 💥 status: in-test PRs currently being tested labels Apr 1, 2025
Comment thread projects/igniteui-angular/src/lib/grids/grid-base.directive.ts
dkamburov
dkamburov previously approved these changes Apr 8, 2025
Copy link
Copy Markdown
Member

@ChronosSF ChronosSF left a comment

Choose a reason for hiding this comment

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

This PR needs to update the changelog. It's actually one of the features we want to promote for 19.2.

@ChronosSF ChronosSF merged commit 71557ea into master Apr 9, 2025
5 checks passed
@ChronosSF ChronosSF deleted the mkirova/ssr-improvements branch April 9, 2025 13:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

grid: general version: 19.2.x ✅ status: verified Applies to PRs that have passed manual verification

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SSR Grid Improvements

5 participants