Skip to content

fix(hgrid): add and use lifecycle placeholder for grid connection eve…#17230

Open
MayaKirova wants to merge 3 commits intomasterfrom
mkirova/fix-17229
Open

fix(hgrid): add and use lifecycle placeholder for grid connection eve…#17230
MayaKirova wants to merge 3 commits intomasterfrom
mkirova/fix-17229

Conversation

@MayaKirova
Copy link
Copy Markdown
Contributor

…nts.

Closes #17229

Description

Add and use a native wc component as a placeholder to detect connect/disconnect events in hgrid.
Use the events to show/hide row edit overlay, since popover gets closed on detach.

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:

IgxHierarchicalGrid

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

@MayaKirova MayaKirova requested a review from damyanpetev April 23, 2026 15:54
Copilot AI review requested due to automatic review settings April 23, 2026 15:54
</igx-grid-toolbar-actions>
</igx-grid-toolbar>
<igx-row-island [key]="'childData'" [autoGenerate]="true" [rowSelection]='selectionMode' [batchEditing]="true" [rowEditable]="true"
<igx-row-island [rowEditable]="true" [primaryKey]="'ID'" [key]="'childData'" [autoGenerate]="true" [rowSelection]='selectionMode' [batchEditing]="true" [rowEditable]="true"
<igx-row-island [rowEditable]="true" [primaryKey]="'ID'" [key]="'childData'" [autoGenerate]="true" [rowSelection]='selectionMode' [batchEditing]="true" [rowEditable]="true"
[allowFiltering]="true">
<igx-row-island [key]="'childData'" [autoGenerate]="true" [rowSelection]='selectionMode' [batchEditing]="true" [rowEditable]="true"
<igx-row-island [rowEditable]="true" [primaryKey]="'ID'" [key]="'childData'" [autoGenerate]="true" [rowSelection]='selectionMode' [batchEditing]="true" [rowEditable]="true"
@MayaKirova MayaKirova requested a review from skrustev April 24, 2026 09:31

class IgxHierarchicalGridLifecyclePlaceholderElement extends HTMLElement {
public connectedCallback(): void {
this.dispatchEvent(new CustomEvent('igcConnected', { bubbles: true, composed: true }));
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

With this specific usage, I think the events don't need to bubble at all (and even less be composed)

}
}

customElements.define(HGRID_LIFECYCLE_PLACEHOLDER_TAG, IgxHierarchicalGridLifecyclePlaceholderElement);
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Also wouldn't mind this being shortened a bit (the name) and possibly be in a self contained file, but that's not critical

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.

Row edit overlay hides under child grid on parent expand/collapse or scroll.

3 participants