QML ScrollView isn't allowing to scroll a long text

Question

I have the following minimal example of a long rich text inside a scroll view. The problem is that the scroll view does not allow scrolling to the bottom of the text.

import QtQuick 2.14
import QtQuick.Controls 2.14

Item {
   anchors.fill: parent

   Rectangle {
      anchors.centerIn: parent
      width: 800
      height: 600

      color: "lightgrey"

      ScrollView {
         anchors.fill: parent

         contentWidth: width - 5
         contentHeight: descriptionText.height
         clip: true
         ScrollBar.vertical.policy: contentHeight > height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff

         Text {
            id: descriptionText
            width: parent.width - 5

            textFormat: Text.RichText
            wrapMode: Text.WordWrap
            font.pointSize: 12

            text: `<p>
                       Liberis velum, tanquam brevis mineralis. Domesticus tumultumque acceleratrix imperiums gluten est. Heu, brevis
                       cannabis! Nunquam locus cursus. Eheu, magnum zirbus! Rector pius acipenser est. Devirginatos credere, tanquam noster
                       tabes. Fortis amors ducunt ad finis. Ubi est domesticus vita? Mirabilis frondators ducunt ad hibrida. Medicina,
                       gabalium, et absolutio. Historia noceres, tanquam peritus decor. Mortems velum, tanquam flavum zirbus. Studere una
                       ducunt ad dexter nutrix. Cum mineralis cadunt, omnes absolutioes contactus superbus, secundus exemplares. Ubi est
                       castus racana? Pol, a bene fermium, magnum lanista!Acipensers messis!
                   </p>
                   <ul>
                       <li>Fatalis verpas ducunt ad racana.</li>
                       <li>Ubi est regius exsul?</li>
                       <li>Noster contencio aegre imitaris amor est.</li>
                       <li>Ubi est secundus omnia?</li>
                       <li>Parmas sunt resistentias de regius uria.</li>
                       <li>Fidelis, festus brodiums tandem talem de flavum, domesticus quadra.</li>
                   </ul>
                   <p>
                       Bursa noceres, tanquam flavum nixus. Gratis sectams ducunt ad zelus. Pol, idoleum! Cum quadra cadunt, omnes exsules
                       anhelare azureus, castus orgiaes. Sunt valebates consumere varius, brevis caculaes. Canis velox fides est. Nunquam
                       imitari nomen. Cur onus favere? Festus xiphiass ducunt ad index. Heuretes tolerares, tanquam teres sensorem. Cur
                       buxum velum? Rusticus castors ducunt ad plasmator. Ubi est magnum brabeuta? Calcaria de bassus liberi, gratia imber!
                       Primus lapsus mechanice tractares zelus est. A falsis, turpis nobilis fides. A falsis, era barbatus abactus. Heu,
                       rusticus bromium! Spatiis observare in antenna! Est fatalis extum, cesaris. Nunquam captis nomen. Tatas nocere! Sunt
                       nutrixes demitto regius, lotus dominaes. Assimilatios sunt vigils de clemens glos. Est castus clabulare, cesaris.
                   </p>
                   <p>
                       Assimilatio de neuter fuga, gratia animalis! Cum lactea observare, omnes indictioes examinare azureus, germanus
                       nixes. Ubi est grandis ausus? Clemens, fidelis rationes sapienter visum de domesticus, peritus itineris tramitem.
                       Detrius de emeritis mens, demitto spatii! Dexter, ferox brabeutas satis dignus de mirabilis, fidelis particula. Cur
                       exsul manducare? Sunt compateres pugna velox, raptus planetaes. Cum adelphis experimentum, omnes eraes aperto
                       azureus, gratis verpaes. Cum rumor ridetis, omnes brodiumes captis peritus, albus galataees.
                   </p>
                   <p>
                       Galataes resistere! Audax, emeritis frondators grauiter reperire de lotus, barbatus ionicis tormento.
                       Capio de varius bubo, acquirere fluctus! Salvus, raptus imbers sed mire manifestum de germanus, superbus racana.
                       Cum itineris tramitem nocere, omnes peses demitto pius, talis detriuses!
                   </p>
                   <p>
                       Toruss sunt nuclear vexatum iaceres de festus fermium.
                   </p>`
         }
      }
   }
}

I already printed the height and contentHeight of the scroll view and the contentHeight is greater than the height. Isn't this the requirement for being scrollable?

score 0 · Answer 1 · answered Sep 21 '21 at 15:06

I change something in your code and correct that issue for you : First of all your problem was in Text, add your text in qsTr and also you should set focus: true.

and also I removed width: parent.width - 5 this thing makes that issue for you instead I add anchors.fill: parent

import QtQuick 2.14
import QtQuick.Controls 2.14

Item {
    anchors.fill: parent

    Rectangle {
        anchors.centerIn: parent
        width: 800
        height: 600

        color: "lightgrey"

        ScrollView {
            anchors.fill: parent

            contentWidth: width - 5
            contentHeight: descriptionText.height
            clip: true
            ScrollBar.vertical.policy: contentHeight > height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff

            Text {
                id: input
                anchors.fill: parent
                focus: true
                textFormat: Text.RichText
                wrapMode: Text.WordWrap
                font.pointSize: 12

                text: qsTr("
                             <p>
                                Liberis velum, tanquam brevis mineralis. Domesticus tumultumque acceleratrix imperiums gluten est. Heu, brevis
                                cannabis! Nunquam locus cursus. Eheu, magnum zirbus! Rector pius acipenser est. Devirginatos credere, tanquam noster
                                tabes. Fortis amors ducunt ad finis. Ubi est domesticus vita? Mirabilis frondators ducunt ad hibrida. Medicina,
                                gabalium, et absolutio. Historia noceres, tanquam peritus decor. Mortems velum, tanquam flavum zirbus. Studere una
                                ducunt ad dexter nutrix. Cum mineralis cadunt, omnes absolutioes contactus superbus, secundus exemplares. Ubi est
                                castus racana? Pol, a bene fermium, magnum lanista!Acipensers messis!
                            </p>
                            <ul>
                                <li>Fatalis verpas ducunt ad racana.</li>
                                <li>Ubi est regius exsul?</li>
                                <li>Noster contencio aegre imitaris amor est.</li>
                                <li>Ubi est secundus omnia?</li>
                                <li>Parmas sunt resistentias de regius uria.</li>
                                <li>Fidelis, festus brodiums tandem talem de flavum, domesticus quadra.</li>
                            </ul>
                            <p>
                                Bursa noceres, tanquam flavum nixus. Gratis sectams ducunt ad zelus. Pol, idoleum! Cum quadra cadunt, omnes exsules
                                anhelare azureus, castus orgiaes. Sunt valebates consumere varius, brevis caculaes. Canis velox fides est. Nunquam
                                imitari nomen. Cur onus favere? Festus xiphiass ducunt ad index. Heuretes tolerares, tanquam teres sensorem. Cur
                                buxum velum? Rusticus castors ducunt ad plasmator. Ubi est magnum brabeuta? Calcaria de bassus liberi, gratia imber!
                                Primus lapsus mechanice tractares zelus est. A falsis, turpis nobilis fides. A falsis, era barbatus abactus. Heu,
                                rusticus bromium! Spatiis observare in antenna! Est fatalis extum, cesaris. Nunquam captis nomen. Tatas nocere! Sunt
                                nutrixes demitto regius, lotus dominaes. Assimilatios sunt vigils de clemens glos. Est castus clabulare, cesaris.
                            </p>
                            <p>
                                Assimilatio de neuter fuga, gratia animalis! Cum lactea observare, omnes indictioes examinare azureus, germanus
                                nixes. Ubi est grandis ausus? Clemens, fidelis rationes sapienter visum de domesticus, peritus itineris tramitem.
                                Detrius de emeritis mens, demitto spatii! Dexter, ferox brabeutas satis dignus de mirabilis, fidelis particula. Cur
                                exsul manducare? Sunt compateres pugna velox, raptus planetaes. Cum adelphis experimentum, omnes eraes aperto
                                azureus, gratis verpaes. Cum rumor ridetis, omnes brodiumes captis peritus, albus galataees.
                            </p>
                            <p>
                                Galataes resistere! Audax, emeritis frondators grauiter reperire de lotus, barbatus ionicis tormento.
                                Capio de varius bubo, acquirere fluctus! Salvus, raptus imbers sed mire manifestum de germanus, superbus racana.
                                Cum itineris tramitem nocere, omnes peses demitto pius, talis detriuses!
                            </p>
                            <p>
                                Toruss sunt nuclear vexatum iaceres de festus fermium.
                            </p>")
            }


        }
    }
}

There are two issues with this solution. 1.: If you set the width of the `Rectangle` to 798 the scrollbar overlaps the text. 2.: I can scroll way too far. — Jhonny007, Sep 23 '21 at 07:23
I answer this question in the past and your problem is similar to this question https://stackoverflow.com/q/68989102/9484913 this may help you . — Parisa.H.R, Sep 23 '21 at 08:47
@Jhonny007 But now , your problem about `scroll view does not allow scrolling to the bottom of the text.` is fixed. the issue that you say is another question. — Parisa.H.R, Sep 23 '21 at 08:49

QML ScrollView isn't allowing to scroll a long text

1 Answers1