Skip to content

bug(MatTooltip): Tooltips not working in 19.1.4 on ssr page: TypeError: t is not iterable #30498

Closed
@amazing4u

Description

@amazing4u

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

19.1.3

Description

In Version 19.1.4 of @angular/material the tooltips stopped working on all elements (buttons, div etc.) when i load the server side rendered page.
Maybe a problem with hydration of the MatTooltip!?

if i navigate in the app to another component and back then it works again.

I get this stack trace error:

TypeError: t is not iterable
    at Ew (core.mjs:16364:32)
    at Uw (core.mjs:17954:42)
    at zw (core.mjs:17969:8)
    at Fh (core.mjs:17871:3)
    at Bw (core.mjs:17644:10)
    at Yf (core.mjs:5158:17)
    at Zf (core.mjs:5120:19)
    at Ft.get (core.mjs:5405:12)
    at i.show (tooltip.mjs:291:97)
    at HTMLButtonElement.<anonymous> (tooltip.mjs:575:16)

Reproduction

I could not provide a working StackBlitz example. I think it is because of the server side rendering + hydration.

Expected Behavior

MatToolTip should be shown. It worked in Version 19.1.3

Actual Behavior

Error. MatToolTip is not shown

Environment

  • Angular: 19.1.6
  • CDK/Material: 19.1.4
  • Browser(s): Edge, Chrome
  • Operating System: Windows

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/tooltip

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions