title: Changing SplitView Size does not respect ColumnLayout minimumWidth?
body: <p>I have a horizontal <code>SplitView</code>, where the left part should be my application main screen and the right part an area for tool options. In the right area, I have a <code>SwipeView</code> which I want to control via a <code>TabBar</code>. The <code>SwipeView</code> and <code>TabBar</code> should always fill the right <code>SplitView</code> and have a minium size of 400. If I move the <code>SplitView</code> handle to the left and then to the right, beyond the 400 pixel minimum size, the resizing does not stop (actually the <code>SplitView</code> border is resting at 400) but the <code>TabBar</code> and the <code>SplitView</code> get resized to smaller sizes. Below you find the code to reproduce the behaviour. How would I need to do it, so the <code>TabBar</code> and <code>SplitView</code> do not change beyond the minimum size?</p>
  
  <pre><code>import QtQuick 2.6
  import QtQuick.Layouts 1.1
  import QtQuick.Window 2.0
  import QtQuick.Controls 2.2
  import QtQuick.Controls 1.4
  
  Window {
      visible: true
      width: 600
      height: 400
      SplitView {
          id: splitView
          anchors.fill: parent
  
          Page {
              id: page
              Layout.fillWidth: true
  
              Text {
                  id: text1
                  text: qsTr("Page")
                  anchors.right: parent.right
                  anchors.rightMargin: 170
                  font.pixelSize: 12
              }
          }
  
  
              ColumnLayout {
                  Layout.minimumWidth: 400
                  Layout.preferredWidth: 400
                  spacing: 0
  
                  TabBar {
                      id: tabbar
                      Layout.fillWidth: true
                      currentIndex: view.currentIndex
  
                      TabButton {
                          text: qsTr("1")
                      }
  
                      TabButton {
                          text: qsTr("2")
                      }
  
                      TabButton {
                          text: qsTr("3")
                      }
                  }
  
                  SwipeView {
                      id: view
                      Layout.fillWidth: true
                      Layout.fillHeight: true
                      currentIndex: tabbar.currentIndex
  
                      Item {
                          id: tab0
                          Rectangle {
                              color: "red"
                          }
                      }
  
  
                      Item {
                          id: tab1
                          Rectangle {
                              anchors.fill: parent // -&gt; This command is fill all screen so I don't click TabButtons.
                              color: "blue"
                          }
                      }
  
  
                      Item {
                          id: tab2
                          Rectangle {
                              anchors.fill: parent
                              color: "lightblue"
                          }
                      }
                  }
              }
      }
  }
  </code></pre>