title: How to send mouse clicked coordinates from Flickable to ListView?
body: <p>I'm developing an application for Android.</p>
  
  <p>I have some ChartViews placed in the ListView.
  Above ListView I have got a Flickable to scroll ChartViews synchronously in the x axis.</p>
  
  <p>I need to show the coordinates of the point on the chart to which the user tap.</p>
  
  <p>But I can't because flickable catches mouse click events and does not propagate it to other objects below. </p>
  
  <p>I need the mouse event to come to a specific delegate that the user tapped on.
  <img src="https://wmpics.pics/di-B70Z.png" alt="it lookes like this"></p>
  
  <ol>
  <li>Is it possible to solve this problem?</li>
  <li>Is there a way to get mouse coordinates during flick?</li>
  <li>Is there a way to propagate mouse events to the ListView as if they came from the user?</li>
  </ol>
  
  <hr>
  
  <pre><code>Rectangle {
  color: "#ffffff"
  Component {
      id: chartDelegate
      Rectangle {
          id: rootDelegRect
  
          anchors {left: parent.left; right: parent.right }
          height: 350
  
          ChartView {
              anchors { fill: parent;}
              x: -10
              y: -10
              width: parent.width + 20
              height: parent.height + 20
  
              legend.visible: false
  
              LineSeries {
                  name: "LineSeries"
                  axisX: ValueAxis {
                      min: 0
                      max: 4
                      labelFormat: "%.0f"
                  }
                  axisY: ValueAxis {
                      min: 0
                      max: 6
                      labelFormat: "%.0f"
                  }
                  XYPoint { x: 0; y: 0.0 }
                  XYPoint { x: 1; y: 5.2 }
                  XYPoint { x: 2; y: 2.4 }
                  XYPoint { x: 3; y: 0.1 }
                  XYPoint { x: 4; y: 5.1 }
              }
          }
  
  
          MouseArea {
          anchors.fill: parent
          hoverEnabled :true
          onMouseXChanged: console.log(mouseX,mouseY);//does not work when clicked
          }
      }
  }
  
  ListView { id: listViewCharts; objectName: "chart";
      clip: true
      anchors.top: parent.top; anchors.bottom: parent.bottom;
  
      width: 1500
  
      contentX:baseFlick.contentX; contentY:baseFlick.contentY;
  
      model: listViewIdsModel
      cacheBuffer: 1500
      delegate: chartDelegate
  }
  
  Flickable {
      id: baseFlick
      anchors.fill: parent
  
      contentHeight: listViewCharts.contentHeight
      contentWidth:  listViewCharts.width
  
  }
  }
  </code></pre>