Select, MultiSelect: Scoped Style not working

[can-oezkan]

Describe the bug

Not sure if I'm doing anything wrong. But i can't seem to apply scoped tokens to Select or MultiSelect.

<p-select
  [options]="[1, 2, 3, 4, 5]"
  [dt]="{
    root: {
      background: 'red',
    },
  }"
/>

<p-multiselect
  [options]="[1, 2, 3, 4, 5]"
  [dt]="{
    root: {
      background: 'red',
    },
  }"
/>

Pull Request Link

#17427

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/github-umrbpb5u?file=src%2Fapp%2Fapp.component.html

Environment

stackblitz

Angular version

v19

PrimeNG version

v19

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

1. Use p-select or p-multiselect
2. apply scoped design tokens
3. not working (see stackblitz example)

Expected behavior

The scoped style should apply

[can-oezkan]

Related Issue: #17403

The creator of the other issue created a PR to fix the bug for select component: #17246

MultiSelect can be fixed similarly. Here super.ngAfterViewInit() should be called instead.

primeng/packages/primeng/src/multiselect/multiselect.ts

Lines 1364 to 1369 in 754df54

	ngAfterViewInit() {
	super.ngOnInit();
	if (this.overlayVisible) {
	this.show();
	}
	}

[can-oezkan]

Added a PR that fixes the MultiSelect: #17427

[WillooWisp]

This still does not work using your playground as an example. The properties set through the [dt] binding never gets applied.

[can-oezkan]

MultiSelect is fixed by my PR. I have updated my stackblitz to use the latest primeng version:

As for the Select Component, the PR #17246 is still awaiting approval

[can-oezkan]

@mertsincan can you approve and merge the PR to fix the Select Component? #17246