Dropdown select options view is bugged

[rickvandermeij-aanzee]

when opening the dropdown to select a different scenario, all the options are shown in the bottom left corner.

This happens on all modern browsers

[dennis-NS]

Can confirm, using 3.2.1 on latest chrome

[mdasberg]

Thanks for reporting it. I will make a fix asap

[mdasberg]

@rickvandermeij-aanzee @dennis-NS can you send me which versions of chrome / safari / firefox you are using.

I have been testing with all the latest version and -1 of the latest and I cannot reproduce this.

[mdasberg]

could you also attach some console logs?

[rickvandermeij-aanzee]

Hi,

running the following:

		"@angular/cdk": "16.2.2",
		"@angular/core": "16.2.3",
		"@ng-apimock/base-client": "3.3.1",
		"@ng-apimock/core": "3.11.0",
		"@ng-apimock/dev-interface": "3.2.1",

It does happen in all browsers:
Chrome - Version 117.0.5938.92
Firefox - 118.0.1 (64-bit)
Safari - Version 16.6 (18615.3.12.11.2)

We're using NX monorepo and have one single package.json file

[rickvandermeij-aanzee]

there are console errors about csp

[dennis-NS]

Any update on this?

[mdasberg]

@dennis-NS There is a new version of the dev-interface v3.3.0

Please verify if this works for you

[rickvandermeij-aanzee]

It's strange, because i tried it in my starterkit, and it works without any hassle. In our client repo it doesnt work, the cdk classes doesnt have any css attached...

[dennis-NS]

@mdasberg So after having to scroll down for the 1000th time i figured i would solve it for now and ever..
So i saw the github buttons package was being blocked by csp but why?
Well turns out someone added helmet to the express server middleware and that blocks the csp... 🤓

Hope this will also help someone in the future!