klarna-placement::part(osm-container) stopped working (Sept 27 2023)

Question

Does anyone knows why the ::part() styles are not applying to a component

I have the following element: klarna-placement html

Then following this doc, I added the following styles

klarna-placement::part(osm-container) { border: none; padding: 0; }

Last week when I did the code, I was even able to preview it by adding the css code directly into the dev tools. But today, the styles are not getting applied, and doing anything in the dev tools don't do anything at all.

Am I doing anything wrong? Is there anything that klarna might have don't that would've prevented the browser to style the parts? Or is this a new bug in all browsers?

Thanks in advance for your help

I've tried !important, using the id of the element like: #klarna-pdp::part(osm-container) { border: none; padding: 0; }

but nothing.

Answer 1

Even I faced same issue, on previous day css were applied but on other day changes weren't getting applied Solution worked for me both in devtool and in code base is: leaving a space before '::'. klarna-placement ::part(osm-badge) { width: 43.146px!important; height: 24px }