@@ -36,7 +36,7 @@ import "../../Components"
3636
3737PreviewWidget {
3838 id: root
39− implicitHeight: childrenRect.height
39+ implicitHeight: ratingLabelAndWidgetContainer.implicitHeight + reviewContainer.implicitHeight
4040
4141 function submit() {
4242 // checks rating-input requirements
@@ -45,9 +45,9 @@ PreviewWidget {
4545 rating.value < 0) ||
4646 ((widgetData["required"] === "both" ||
4747 widgetData["required"] === "review") &&
48− reviewField.text === "")) return;
48+ reviewTextArea.text === "")) return;
4949
50− var data = {"rating": rating.value, "review": reviewField.text, "author": null};
50+ var data = {"rating": rating.value, "review": reviewTextArea.text, "author": null};
5151 triggered(root.widgetId, widgetData["required"], data);
5252 }
5353
@@ -90,6 +90,7 @@ PreviewWidget {
9090
9191 Item {
9292 id: reviewContainer
93+ implicitHeight: reviewLabel.implicitHeight + reviewSubmitContainer.implicitHeight + anchors.topMargin
9394
9495 readonly property real innerMargin: units.gu(1)
9596
@@ -116,20 +117,21 @@ PreviewWidget {
116117 }
117118
118119 Item {
120+ id: reviewSubmitContainer
119121 anchors {
120122 top: reviewLabel.bottom
121123 left: parent.left
122124 right: parent.right
125+ bottom: parent.bottom
123126 topMargin: reviewContainer.innerMargin
124127 }
125− implicitHeight: childrenRect.height
128+ implicitHeight: submitButton.implicitHeight + anchors.topMargin
126129
127− TextField {
128− id: reviewField
129− objectName: "reviewField"
130+ TextArea {
131+ id: reviewTextArea
132+ objectName: "reviewTextArea"
130133 anchors {
131134 top: parent.top
132− bottom: parent.bottom
133135 left: parent.left
134136 right: submitButton.left
135137 rightMargin: reviewContainer.innerMargin
@@ -141,7 +143,7 @@ PreviewWidget {
141143 objectName: "submitButton"
142144
143145 readonly property bool readyToSubmit: {
144− if (reviewField.text === "" ||
146+ if (reviewTextArea.text === "" ||
145147 (widgetData["visible"] === "both" && rating.value < 0)) return false;
146148 else return true;
147149 }