I made a custom SwiftUI control with two sliders trying to mimic the appearance of the new sliders in version 26 OSs. I was able to get something close to the way Apple's single slider looks and works. This is how it normally looks:
And this is how it looks when one of the sliders is being dragged:
This isn't perfect but I could live with it. Except that I want to use that control in a SwiftUI List, and by placing it in the list it doesn't have the same appearance though it functions the same. When the thumbs aren't being dragged it looks like this:
Same as before which is great. But when one of the thumbs is being dragged it looks like this:
Something about dropping the control into a List broke the transparency effect. All these screenshots were taken using the Xcode simulator for iOS.
I achieved the transparency effect using .glassEffect(.clear.interactive(true))
on the thumb, along with a second capsule drawn on top when the thumb isn't being dragged. I needed the second capsule, if I messed with the one with the glass effect applied it would no longer scale when clicked and dragged. I have also tried placing the control inside a GlassEffectContainer at various levels of the hierarchy and it never improves the situation, instead the white capsule I draw on top turns a shade of gray. I tried other colors and it doesn't change those, only white.
Why does my control lose transparency when I put it in a List, and more importantly how do I fix it?