How to make QML flickable content hide outside flickable boundaries?

Question

I have a rectangle with a Text and a Flickable in a vertical layout. When I flick the contents of flickable vertically it goes in front of the Text component. How can I make it go behind? How can I make contents of a flickable hide when moving outside its boundaries?

Answer 1

Flickable {
    clip: true

    // ...
}