🐞 - "CdkVirtualScrollViewport is already attached" error appears when using nested virtual scroll

[Malinxwski]

Reproduction url

https://stackblitz.com/edit/stackblitz-starters-hrzgjwqz?description=An%20angular-cli%20project%20based%20on%20@angular/animations,%20@angular/common,%20@angular/compiler,%20@angular/core,%20@angular/forms,%20@angular/platform-browser,%20@angular/platform-browser-dynamic,%20@angular/router,%20core-js,%20rxjs,%20tslib%20and%20zone.js&file=package.json,src%2Fmain.ts&template=node&title=Angular%20Starter

Description

Combobox with virtual scroll not working inside parent virtual scroll - error "CdkVirtualScrollViewport is already attached" appears.

Taiga UI version

4.18.0

Browser Used

Chrome

OS Used

macOS

[PedroLima8080]

I'll take it

[PedroLima8080]

I couldn't solve, contracting, some points that I realized might be useful for another dev who takes on this issue.

What I found was: the example in https://taiga-ui.dev/components/combo-box#virtual shows: "<ng-container *tuiDataList" what happens here is that the content inside the ng-container is rendered and then it is rendered again by the TuiDropdownComponent through the content obtained by the TuiDropdownDirective. Which can be one of the causes for a duplicate attach.