title: QML Slider : handle and mouse cursor
body: <p>I created a slider in an item and customized it like in the following code :</p>
  
  <pre><code>Item {
      id: item1
      x: 0
      y: 0
      width: 200
      height: parent.height
  
      Rectangle {
          id: background
          anchors.fill: parent;
          color:Qt.rgba(0.9,0.9,0.9,1);
      }
  
      Slider {
          anchors.centerIn: parent
          orientation: Qt.Vertical
          height: parent.height
  
          style: SliderStyle {
              groove: Rectangle {
                  implicitWidth: 200
                  implicitHeight: 8
                  color: "gray"
                  radius: 8
              }
              handle: Rectangle {
                  anchors.centerIn: parent
                  color: control.pressed ? "white" : "lightgray"
                  border.color: "gray"
                  border.width: 2
                  width: 20
                  height: 20
                  radius: 6
              }
          }
      }
  
  }
  </code></pre>
  
  <p>The problem appears when I change the size of the handle to have it wider than high, so I change in the handle :</p>
  
  <pre><code>width: 20
  height: 80 //the height is changed instead of width but I think
             //it's because it is a vertical slider
  </code></pre>
  
  <p>And then, when I move the handle, it doesn't stay under the mouse cursor but there is an offset between the two.</p>
  
  <p>How to fix that?</p>