feat(ui/modules/Common/Form/TransparentTextInput): background color has the same size that content

tests/ui/modules/Common/Form/TransparentTextInput.qml

@@ -25,13 +25,16 @@ Item {
   }
 
   Rectangle {
-    anchors.fill: parent
-    color: textInput.activeFocus && !readOnly
+    color: textInput.activeFocus && !textInput.readOnly
       ? TransparentTextInputStyle.backgroundColor
       : // No Style constant, see component name.
         // It's a `transparent` TextInput.
-        'transparent'
-    z: -1
+       'transparent'
+    height: parent.height
+    width: {
+      var width = textInput.contentWidth + parent.padding * 2
+      return width < parent.width ? width : parent.width
+    }
   }
 
   TextInput {

tests/ui/views/App/MainWindow/ContactEdit.qml

@@ -165,6 +165,7 @@ ColumnLayout  {
       id: infoList
 
       width: flick.contentWidth
+
       ListForm {
         defaultData: _contact.sipAddresses
         placeholder: qsTr('sipAccountsInput')