create border for TextEdit in qml

[ravandi]

how do create border size for TextEdit in qml?

[anda_skoa]

For example putting the TextEdit into a Rectangle or BorderImage.

Cheers,
_

[ravandi]

This method has a problem.
See the image below:
qml.png

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		
	}

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		
	}

To copy to clipboard, switch view to plain text mode 

[anda_skoa]

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,
_

[ravandi]

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

[anda_skoa]

Enable clipping on the rectangle.

Cheers,
_