Skip to content

Max Call Stack error with large template #57066

@Nabelops

Description

@Nabelops

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

When upgrading from v17 to v18, our components with large svg templates with template bindings failed to load with a RangeError: Maximum call stack size exceeded. We were able to get rid of this error by reducing the size of the template. I have created a stackblitz that shows this the same template (a random svg seating chart I found online) works on v17 and not on v18.

Working v17
https://stackblitz.com/edit/angular-17-starter-project-xnu5ts?file=src%2Fmain.ts

The link to the minimal reproduction of the bug will be the identical setup but with v18.

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/stackblitz-starters-by85ky?file=src%2Fmain.ts

Please provide the exception or error you saw

RangeError: Maximum call stack size exceeded
    at executeTemplate (core.mjs:11264:5)
    at renderView (core.mjs:12426:7)
    at renderComponent (core.mjs:12372:3)
    at renderChildComponents (core.mjs:12472:5)
    at renderView (core.mjs:12454:7)
    at createAndRenderEmbeddedLView (core.mjs:12493:5)
    at TemplateRef2.createEmbeddedViewImpl (core.mjs:13419:27)
    at ViewContainerRef2.createEmbeddedView (core.mjs:16880:33)

Please provide the environment you discovered this bug in (run ng version)

No response

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: compilerIssues related to `ngc`, Angular's template compilerstate: has PR

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions