title: NativeScript Vue: FormattedString and Label truncates the string on IPHONE
body: <p>I am new to NativeScript but I have some background in web development:
  I have an issue which I don't understand its reasoning, and it is reproducible only
  on <strong>iphone</strong> (android works fine), here is a sample of the code:</p>
  <pre><code>&lt;FlexboxLayout flexDirection=&quot;column&quot;&gt;
          &lt;Label @tap=&quot;outsideKeyboardTap&quot;&gt;
            &lt;FormattedString&gt;
              &lt;Span
                :text=&quot;$t('sometext')&quot;
              &lt;Span
                :key=&quot;someKey&quot;
                :text=&quot;func(this.someNumber)&quot;
            &lt;/FormattedString&gt;
          &lt;/Label&gt;
          &lt;Label @tap=&quot;outsideKeyboardTap&quot;&gt;
            &lt;FormattedString&gt;
              &lt;Span
                :text=&quot;$t('sometext')&quot;
              &lt;Span
                :key=&quot;someKey2&quot;
                :text=&quot;func(this.someNumber)&quot;
            &lt;/FormattedString&gt;
          &lt;/Label&gt;
        &lt;/FlexboxLayout&gt;
  </code></pre>
  <p>So the issue on Iphone is that the text in both Labels ended up being truncated (string is cut and 3 dots added in the end of the string)
  there is no CSS related to overflow nor any code that defines the Label length.
  and again, <strong>android</strong> is working as expcted.
  <strong>can any one shed some light on why <strong>iphone</strong> might add truncation to the final output?</strong></p>
  <p>I ended up using this code which works fine (<strong>BUT i want to understand why the above didn&quot;t</strong>)</p>
  <pre><code>&lt;StackLayout class=&quot;limit-text-container&quot; @tap=&quot;outsideKeyboardTap&quot;&gt;
          &lt;FlexboxLayout&gt;
            &lt;Label :text=&quot;$t('sometext')&quot;/&gt;
            &lt;Label :key=&quot;someKey1&quot; :text=&quot;$t('sometext')&quot;/&gt;            
          &lt;/FlexboxLayout&gt;
          &lt;FlexboxLayout&gt;
            &lt;Label :text=&quot;$t('sometext')&quot;/&gt;
            &lt;Label :key=&quot;someKey2&quot; :text=&quot;getFormattedLimit&quot;/&gt;            
          &lt;/FlexboxLayout&gt;
        &lt;/StackLayout&gt;
  </code></pre>