Hello all,
I have a Flickable item with some rectangles inside. I would expect that i can drag the flickable content around using my mouse. When the Flickable element gets smaller than the content it is possible to use my mouse wheel to flick the content. Mouse dragging however is only working when clicking on the first rectangle. Am I doing something wrong here? It seems like the column inside the column (childColumn) is disturbing the Flickable's behavior.
qml dragging.jpg
Flickable {
id: flickable
width: parent.width/2
height: parent.height
clip: true
contentHeight: inputsColumn.height
contentWidth: flickable.width
Column {
id: inputsColumn
width: flickable.width
Repeater {
id: inputGroupRepeater
model: ioData.inputs
delegate: Rectangle {
border.width: 1
border.color: "black"
height: title.height + childColumn.height
width: parent.width
Text {
id: title
text: modelData.variables.length
}
Column {
id: childColumn
width: parent.width
anchors.top: title.bottom
visible: true
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
}
}
}
}
}
Flickable {
id: flickable
width: parent.width/2
height: parent.height
clip: true
contentHeight: inputsColumn.height
contentWidth: flickable.width
Column {
id: inputsColumn
width: flickable.width
Repeater {
id: inputGroupRepeater
model: ioData.inputs
delegate: Rectangle {
border.width: 1
border.color: "black"
height: title.height + childColumn.height
width: parent.width
Text {
id: title
text: modelData.variables.length
}
Column {
id: childColumn
width: parent.width
anchors.top: title.bottom
visible: true
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
Rectangle {
border.color: "orange"
border.width: 1
width: parent.width
height: dp(50)
}
}
}
}
}
}
To copy to clipboard, switch view to plain text mode
Bookmarks