linphone-desktop/tests/ui/modules/Linphone/Chat/Message.qml

import QtQuick 2.7

// ===================================================================

Item {
    default property alias content: content.data
    property alias backgroundColor: rectangle.color

    id: container
    implicitHeight: text.contentHeight + text.padding * 2
    width: parent.width - text.padding * 2

    Rectangle {
        id: rectangle
        height: parent.height
        radius: 4
        width: (
            text.contentWidth < parent.width
                ? text.contentWidth
                : parent.width
        ) + text.padding * 2
    }

    Text {
        anchors.left: container.left
        anchors.right: container.right
        id: text
        padding: 8
        text: $content
        wrapMode: Text.Wrap

        // Little fix. Text may disappear with scrolling.
        renderType: Text.NativeRendering
    }

    Item {
        anchors.left: rectangle.right
        id: content
    }
}