StackView.visible attached property makes children of an item visible even when the item is invisible

In the file I have attached, the code uses StackView.visible to toggle the visibility of an item that will be pushed onto a StackView.

I have a stackview and two items I plan to push on to the stack. I cannot use Component because I plan to communicate with items inside the parent item later on, so I opt for the StackView.visible attached property, to make the items invisible until they have been pushed to the stack.

What did I expect to happen:

   - When the item has not been pushed yet onto the stackview or is not part of the stackview, its children as well as itself should be invisible.

What happens instead:

  - The parent item with the StackView.visible declared on it, stays invisible till it is made the current item in the stackview, but its children stays visible the whole time, even before it is later pushed onto the stack.

However I have been able to get around it by using the StackView.index attached propery instead as

visible: StackView.index == 0