Skip to content

bug(cdk): element.getClientRects is not a function error in Server side rendering. #7633

@leo6104

Description

@leo6104

Bug, feature request, or proposal:

Bug

What is the expected behavior?

https://github.com/angular/material2/blob/0834a31d03ae6707633e01d43200703840b70c5a/src/cdk/a11y/interactivity-checker.ts#L151
this cdk interactivity-checker code is problem.

What is the current behavior?

ERROR TypeError: element.getClientRects is not a function
    at hasGeometry (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:736:70)
    at InteractivityChecker.isVisible (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:636:16)
    at InteractivityChecker.isFocusable (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:715:85)
    at FocusTrap._getFirstTabbableElement (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:1036:27)
    at FocusTrap._getRegionBoundary (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:991:55)
    at FocusTrap.focusFirstTabbableElement (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:1013:55)
    at FocusTrap.focusInitialElement (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:1006:21)
    at SafeSubscriber._next (~/mapia_ng2/node_modules/@angular/cdk/bundles/cdk-a11y.umd.js:948:71)
    at SafeSubscriber.__tryOrUnsub (~/mapia_ng2/node_modules/rxjs/Subscriber.js:238:16)
    ...

What is the use-case or motivation for changing an existing behavior?

I don't know exactly which part make this error occurred. Maybe.. it might be related with sidenav event in SSR. (because other page (not used sidenav) serving well.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 5.0.0-rc.1
Angular Material2 - 2.0.0-beta.12
Typescript 2.4, 2.5
Browser: all

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions