ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Architecture note on Angular Material CDK Virtual Scrolling: fixed-height minimal design, trust boundaries around itemSize, operational checks via renderedRangeStream, failure modes from height mismatches, and when to switch to autosize or custom strategies.
CDK Virtual Scrolling renders only visible items plus a buffer, keeping DOM node count constant even for 10,000-row lists. This blog covers viewport mechanics, fixed vs. variable item sizing, infinite scroll integration, SSR caveats, and a verification checklist you can run in DevTools today.
Angular CDK Virtual Scroll renders only visible items, cutting DOM nodes and boosting performance for huge lists.
Learn how Angular Material’s CDK Virtual Scroll renders only the visible slice of a huge list, keeping the DOM small and maintaining 60 fps scrolling.
Dynamic item heights in Angular CDK Virtual Scroll require autosizeVirtualScroll or custom strategies. This post covers implementation patterns, performance traps, SSR hydration, accessibility, and scroll restoration with a worked example and verification checklist.
Angular CDK virtual scrolling handles large lists, but dynamic heights introduce layout thrashing and accessibility gaps. Learn the trade-offs, a worked re-measurement example, and a verification checklist for Angular 17+.
Learn how to offload pagination, sorting, and filtering to the backend using Angular Material’s MatTable backed by a custom CDK DataSource, reducing initial payload and keeping change detection lean.
Background Angular’s CDK focus-trap directive confines keyboard focus inside a modal dialog. However, when the dialog is dismissed, the directive does not return focus to the element that originally triggered the dialog. This omission can disorient keyboard and screen‑reader users, breaking the expected navigation flow. Developers currently capture the activ
angularmaterial
angular