Skip to content

fix(for-of): guard resize observer against non-element nodes - #17516

Open
viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17482
Open

fix(for-of): guard resize observer against non-element nodes#17516
viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17482

Conversation

@viktorkombov

Copy link
Copy Markdown
Contributor

Closes #17482

Description

removeLastElem() could call ResizeObserver.unobserve() with null and throw, which left the virtualization half torn down. Same unguarded lookup was used on the observe() side, so both now go through one helper that returns null when there's no element, and the calls are skipped in that case.

Motivation / Context

Type of Change (check all that apply):

  • Bug fix
  • New functionality
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Refactoring (no functional changes)
  • Documentation
  • Demos
  • CI/CD
  • Tests
  • Changelog
  • Skills/Agents

Component(s) / Area(s) Affected:

How Has This Been Tested?

  • Unit tests
  • Manual testing
  • Automated e2e tests

Test Configuration:

  • Angular version:
  • Browser(s):
  • OS:

Screenshots / Recordings

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
  • Accessibility (ARIA, keyboard navigation, focus management) has been verified

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Fixes a virtualization teardown/attach failure in IgxForOfDirective/IgxGridForOfDirective where ResizeObserver.observe()/unobserve() could be invoked with a non-Element (notably null) when embedded views are rooted in comment anchors (e.g., Angular control-flow blocks).

Changes:

  • Introduces a shared helper to resolve the actual observed Element for an embedded view and skips observer calls when no element can be resolved.
  • Adds defensive null-guarding to observation subscription logic.
  • Adds unit tests covering comment-rooted views, no-element views, and safe unobserve behavior.

Reviewed changes

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

File Description
projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.ts Centralizes observed-node resolution and guards ResizeObserver calls against non-element targets.
projects/igniteui-angular/directives/src/directives/for-of/for_of.directive.spec.ts Adds unit tests validating observed-node resolution and ensuring unobserve() is skipped when no element exists.

💡 Add a code-review agent skill for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +536 to +540
protected getViewObservedNode(view: EmbeddedViewRef<any>): Element {
const rootNodes = view?.rootNodes ?? [];
const elementNode = rootNodes.find(node => node?.nodeType === Node.ELEMENT_NODE);
const candidate = elementNode ?? rootNodes[0]?.nextElementSibling;
return candidate?.nodeType === Node.ELEMENT_NODE ? candidate : null;
Comment on lines +543 to +546
protected subscribeToViewObserver(target: Element) {
if (!target) {
return;
}
Comment on lines +1499 to +1501
public testGetViewObservedNode(view: any): Element {
return super.getViewObservedNode(view);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

IgxGrid - ResizeObserver.unobserve() throws TypeError during rapid column pin/resize (IgxGridForOfDirective)

2 participants