It seems the s-choice-list with options renders incorrectly. I’ve used just the code from the examples and it seems the borders aren’t rendered properly. I would have expected all borders to be coloured when you select a s-choice.
The bug seems to happen for any s-choice element that is NOT the last one. If the s-choice element is the last one, and it’s selected, it’s rendering properly. I suspect it’s a CSS issue whereby the border is applied incorrectly.
The bug consistently happens on an extension using the purchase.checkout.shipping-option-item.render-after target and the API version 2026-04.
Thanks Kyle! I checked the CSS classes that got applied when you switch between options and it seems that’s the wrong ones are being applied. As all of the class names are compiled, I’m unsure what the actual classes are, but you would definitely be able to figure that out :)!
Thanks @stefan, we will work on fixing the border, so thanks for reporting that.
I do also want to mention that when showing extra details following the selection in a ChoiceList, it’s recommended to use the selectedContent property.
Check, so the docs aren’t entirely correct in that case? That being said, even when using the right slots, it’s still not rendering the selected borders properly.
Thanks @stefan, for clarity, are you referring to the inconsistency where the current Choice list docs show the variant="block" example with always-visible details, while selectedContent is the pattern for content shown after selection where that slot is supported?
I can pass that feedback on to the team so we can make the distinction clearer in the docs. That said, the selected border rendering issue you’re seeing is separate from the docs wording, and we’re still tracking that so we can get it sorted out.
