title: Custom TextEdit, how to hide TextInput when it goes wide
body: <p>I've trying to create custom text field using <code>TextInput</code> element (I need it to use validator and custom style). But I can't hide part of  <code>TextInput</code>  content expanding (see image). I have similar problem with other elements, while it have root item (container) what contains other items, childrens can be seen if they are placed out of container coordinates. How can I make childrens parts hidden if they're out of root container?</p>
  
  <p>There is the code, but it's actually just template, I've tried to uze <code>z</code> attribute, with no success.</p>
  
  <p><strong>BreezeQuickLineInput.qml</strong></p>
  
  <pre><code>import QtQuick 2.4
  
  Item {
      id: root
      property int fontSize: 18
      property BreezeQuickPalette palette: BreezeQuickPalette
      property string text: "Type here..."
      implicitHeight: input.font.pixelSize*2
      implicitWidth: 196
      Rectangle{
          id: body
          color: "transparent"
          anchors.fill: parent
          border {
              color: palette.plasmaBlue
              width: 1
          }
          TextInput{
              id: input
              anchors {
                  fill: parent
              }
              font.pointSize: fontSize
              color: palette.normalText
              selectByMouse: true
          }
      }
  }
  </code></pre>
  
  <p>Appreciated any help. I've checked <code>TextInput</code> documentation, but if you know what topic I should learn please let me know.</p>
  
  <p><img src="https://i.stack.imgur.com/8DuUT.png" alt="enter image description here"></p>