create border for TextEdit in qml

how do create border size for TextEdit in qml?

For example putting the TextEdit into a Rectangle or BorderImage.

Cheers,
_

This method has a problem.
See the image below:
Attachment 11508

Code:

---

Rectangle {
		id: mo
		x: 100
		y: 8
		width: 110
		height: 20
		border.width: 1
		border.color: "#000000"
		radius: 10      
	}
 
	TextEdit {
		id: textEdit1
		x: 100
		y: 8
		width: 110
		height: 20
		font.pixelSize: 12	
     		focus: true		
	}

---

What exactly is the problem?
That you are using hardcoded sizes or that the input element allows more text to be entered than its size?

Cheers,
_

Continue text Should not be seen
Examples of html:
Attachment 11509
Picture above is correct.

Enable clipping on the rectangle.

Cheers,
_