TapHandler blocks flicking

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    id: window
    visible: true
    width: 640
    height: 480


    Flickable {
        x: 20
        y: 40
        width: parent.width
        height: parent.height
        contentWidth: width
        contentHeight: grid.height
        onMovingChanged: console.log("moving")

        Grid {
            id: grid
            columns: 4
            spacing: 8
            Repeater {
                id: rep
                model: 100
                delegate: Loader {
                    sourceComponent: d
                }
            }
        }
    }

    Component {
        id: d
        Item {
            
            width: 180
            height: 180
            
            
            Rectangle {
                id: r
                color: {
                    if (dh.active) return "green"
                    if (dh.enabled) return "gold"
                    
                    return "yellow"
                }
                anchors.fill: parent
                border.width: 1
                radius: 18
                
                Drag.active: dh.active
                z: dh.active ? 999 : 0
                
                Item {
                    anchors.fill: parent
                    TapHandler {
                        onLongPressed: {
                            r.Drag.hotSpot = point.position
                            dh.enabled = true
                        }
                        
                        onSingleTapped: {
                            console.log('tap')
                        }
                        grabPermissions: PointerHandler.ApprovesTakeOverByAnything
                        onGrabChanged: console.log(transition, point)
                        onCanceled: console.log('canceled')
                        onPressedChanged: console.log("pressed;", pressed)
                        onActiveChanged: console.log("active", active)
                    }
                    
                }
                
                DragHandler{
                    id: dh
                    enabled: false
                    onActiveChanged: {
                        if (!active) {
                            r.Drag.drop()
                            r.x = 0
                            r.y = 0
                        }
                        enabled = active
                    }
                }
            }
        }
    }
}