navigationTransition Rendering Glitch for Stroke Borders

If you use

.navigationTransition(.zoom(sourceID: zoomID, in: namespace))

with a carousel or a card view, which uses :

 .stroke(Color.secondary.opacity(0.5), lineWidth: 5)

It causes the border stroke to render incorrectly, and even in some cases, the card glitches out and disappears from the screen. The card is clickable but there is no entity in the placeholder of that place.

navigationTransition Rendering Glitch for Stroke Borders
 
 
Q