title: adding element with duplicate id
body: <p>I am creating a <code>SAP Fiori</code> application. I have <code>input</code> in a <code>dialog</code> box in that I have to fetch the input value. I am defining the dialog in <code>fragment view</code>.</p>
  
  <p>When I try to give the <code>id</code> for input I am getting an error as adding element with duplicate id.</p>
  
  <p><strong>------ Fragment View------</strong></p>
  
  <pre><code>&lt;core:FragmentDefinition
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"&gt;
    &lt;Dialog title="Title"  class="sapUiPopupWithPadding" &gt;
      &lt;content&gt;  
          &lt;HBox&gt; 
             &lt;items&gt; 
                &lt;Text  text="Name"&gt;&lt;/Text&gt; 
                &lt;Input  value="" id="myId"  &gt; &lt;/Input&gt; 
             &lt;/items&gt; 
         &lt;/HBox&gt; 
      &lt;/content&gt;
      &lt;beginButton&gt;
          &lt;Button text="Ok"  press="DialogButton" /&gt;
      &lt;/beginButton&gt;
  &lt;/Dialog&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>---Controller Code---</strong></p>
  
  <pre><code>DialogButton:function(oEvent) {
  
     var myIdValue=sap.ui.getCore().byId("myId").getValue();
  
     console.log("ID Value :::"+  myIdValue);
  
     oDialogFragment.close();
  
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/vkewq.png" alt="enter image description here"></p>