Description
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
In project with hydration hovering an element with matTooltip
that is inside a MatSidenav component leads to an error
Error: ASSERTION ERROR: Unexpected state: no hydration info available for a given TNode, which represents a view container. [Expected=> null != undefined <=Actual]
at throwError2 (core.mjs:528:9)
at assertDefined (core.mjs:524:5)
at populateDehydratedViewsInLContainerImpl (core.mjs:17890:16)
at locateOrCreateAnchorNode (core.mjs:17906:8)
at createContainerRef (core.mjs:17808:3)
at injectViewContainerRef (core.mjs:17581:10)
at core.mjs:5148:19
at runInInjectorProfilerContext (core.mjs:879:5)
at lookupTokenUsingNodeInjector (core.mjs:5147:9)
at getOrCreateInjectable (core.mjs:5116:19)
Reproduction
StackBlitz link: AFAIK StackBlitz doesn't support SSR
Steps to reproduce:
- app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
provideClientHydration(withEventReplay()),
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(appRoutes),
],
};
- app.component.ts
@Component({
imports: [MatTooltipModule, MatSidenavModule],
selector: 'app-root',
template: `
<mat-drawer-container class="example-container">
<mat-drawer mode="side" opened>Drawer content</mat-drawer>
<mat-drawer-content>
<div matTooltip="Hello">Hello</div>
</mat-drawer-content>
</mat-drawer-container>
`,
})
export class AppComponent {}
- Hover div element
Expected Behavior
Tooltip should appear
Actual Behavior
ASSERTION ERROR: Unexpected state: no hydration info available for a given TNode, which represents a view container. [Expected=> null != undefined <=Actual]
Environment
Angular CLI: 19.1.7
Node: 22.11.0
Package Manager: pnpm 9.15.5
OS: linux x64
Angular: 19.1.6
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router
Package Version
@angular-devkit/architect 0.1901.7 (cli-only)
@angular-devkit/build-angular 19.1.7
@angular-devkit/core 19.1.7
@angular-devkit/schematics 19.1.7
@angular/cdk 19.1.4
@angular/cli 19.1.7
@angular/material 19.1.4
@angular/material-luxon-adapter 19.1.4
@angular/ssr 19.1.7
@schematics/angular 19.1.7
rxjs 7.8.1
typescript 5.7.3
webpack 5.98.0
zone.js 0.15.0