Important: Please read the Qt Code of Conduct -

Header of ListView visible out of ListView

  • Hi,

    I am not sure if I did something wrong or if I found a bug. Currently I am using a ListView to display several items. The list is within a TabView and usually longer than the space within the tab so that you have to scroll to see to full list. While scrolling I noticed that the text disappears when it is already have over the top edge. The section headers I use only disappear if they are out of the program window. Is this behaviour on purpose or is this a bug? If it is on purpose, how can I force a break about three points within the TabView frame?

    My code looks like this:

    ListView {
          model: skillModel
          delegate: skillItem
          spacing: 3
          section.criteria: ViewSection.FullString
          section.delegate: sectionHeading

    And the section heading looks like this:

    Component {
          id: sectionHeading
          Rectangle {
                width: tabView.width
                height: childrenRect.height
                color: "lightsteelblue"
                Text {
                      text: section
                      font.bold: true
                      font.pixelSize: 18
                      x: 10

  • Flickable and item views do not enable clip automatically. If the view is not clipped by another item or the screen, it will be necessary to set "clip: true" in order to have the out of view items clipped nicely.

  • Thanks for the help. It is still not clipping where I want it to but it is okay now. Header and Text still overlap the Tab titles on OS X.

  • @Sikarjan An item with "clip: true" clips to its own bounds. So manage the geometry of the ListView using anchors or x/y/width/height so that it clips where desired.

Log in to reply