title: QML Flickable scrollbar change color fills the whole handle
body: <p>I have the following QML where I'm trying to change the scrollbar handle color. The color changes but it just fills the whole scrollbar and the handle does not move anymore while scrolling. Removing the color makes the scrollbar look correct again.</p>
  <p>How can I change the color while keeping the handle moving</p>
  <pre><code>import QtQuick 2.15
  import QtQuick.Controls
  
  Flickable {
      property bool scrollVisible;
      property int columns : 3
      
      id: slidesFrame
      anchors.fill: parent
      clip:true
      flickDeceleration :10000
      boundsMovement: Flickable.StopAtBounds
      
      contentHeight: slidesFlowView.childrenRect.height + slidesFlowView.parent.anchors.margins
      
      
      ScrollBar.vertical: ScrollBar {
          id:control
          
          onVisibleChanged: {
              slidesFrame.scrollVisible = visible
          }
          contentItem: Rectangle {
              implicitWidth: 10
              color: control.pressed ?  &quot;#3C73AE&quot; : &quot;#424242&quot;
              
          }
          background: Rectangle {
              color:&quot;#6D6D6D&quot;
          }
          
      }
      
      
      Rectangle{
          color:&quot;#1E1E1E&quot;
          anchors.fill: parent
          anchors.margins: 12
          
          Flow {
              id: slidesFlowView
              anchors.fill: parent
              spacing: 14
              Repeater{
                  model : GPresenter.slides
                  SlidePreview{
                      width: {
                          const scrollWidth = slidesFrame.scrollVisible ? control.width/slidesFrame.columns : 0
                          return (parent.width/slidesFrame.columns) - ((parent.spacing/slidesFrame.columns) * (slidesFrame.columns-1)) - scrollWidth
                      }
                  }
                  
                  
              }
          }
          
          
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/BaQhA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BaQhA.png" alt="enter image description here" /></a></p>
  <p>Here it is below without the color change looking correctly</p>
  <p><a href="https://i.stack.imgur.com/5tPlE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5tPlE.png" alt="enter image description here" /></a></p>