Перенос текста Qml (максимальная ширина)

Я хотел бы поместить текст внутри пузыря, и я хочу, чтобы мой пузырек был равен ширине текста, но если длина текста равна слишком длинный, я бы хотел, чтобы текст автоматически переносился и был равен ширине родительского элемента.

Этот код работает, но текст не переносится, если текст слишком длинный:

Rectangle {
    id:messageBoxCadre
    width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width+10
    height: messageBox.height+5
    color: modelData.myMessage ? "#aa84b2":"#380c47"
    radius: 10

    Text {
        id:messageBox
        text: '<b><font color=purple>'+modelData.message+'</font></b> '
        wrapMode: "WordWrap"
    }
}

и я пробовал это, перенос текста, но если текст слишком маленький, ширина пузыря не равна размеру текста:

Rectangle {
    id:messageBoxCadre
    width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width+10
    height: messageBox.height+5
    color: modelData.myMessage ? "#aa84b2":"#380c47"
    radius: 10

    Text {
        id:messageBox
        width: (modelData.messageLength>25)? (wrapper.width - 20): messageBox.width
        text: '<b><font color=purple>'+modelData.message+'</font></b> '
        wrapMode: "WordWrap"
    }
}