title: Impose Height x Length x Width Input field format
body: <p>I do have in my <em>Angular</em> project an input field which should <strong>obey</strong> the following format:</p>
  <blockquote>
  <p>Width<strong>x</strong>Height<strong>x</strong>Length, where each value has 2 digits after the decimal point.</p>
  </blockquote>
  <p>I tried to apply some masks, like <a href="https://www.npmjs.com/package/ngx-mask" rel="nofollow noreferrer">ngx-mask</a>:</p>
  <pre><code>     &lt;input matInput maxlength=&quot;14&quot; formControlName=&quot;dimensions&quot; name=&quot;dimensions&quot; 
              mask=&quot;0*.00x0*.00x0*.00&quot; [specialCharacters]=&quot;['x', '.']&quot;/&gt;
  </code></pre>
  <p>But i do have issues when it comes to variable number values length or editing  already set values( input cannot be edited).</p>
  <p>Does anyone know any other mask approaches or other solutions?</p>