Nested TextView text is not aligned correctly as expected

Problem description

We create a TextView, position it in the right bound of its parent widget and don’t specify the width. Its size will be calculated according to the text size. Then we create another TextView that needs to be positioned between left bound and the previous TextView. In that case, the width of the right TextView is not calculated correctly.

Expected behavior

Create any widget between left bound and the right TextView must not affect to the width of the right TextView.

Environment

• Tabris.js version: 2.1
• Device: iPhone 6
• OS: iOS 11.0

Code snippet

import {Composite, TextView, ui} from 'tabris';

new Composite({class: 'container', left: 0, right: 0, centerY: 0}).append(
  new TextView({
    class: 'right',
    text: 'Right text',
    right: 0, top: 0,
    background: 'rgba(255, 255, 0, 0.3)'
  }),
  new TextView({
    class: 'left',
    text: 'Left text',
    left: 0, top: 0, right: ['.right', 8],
    background: 'rgba(0, 255, 255, 0.3)'
  })
).appendTo(ui.contentView);

It works as expected in Android:

The issue in iOS:

[karolszafranski]

Fixed in tabris-ios with a9491652142673e91c835426a59e6e268d5d05d9

[elshadsm]

However, I can reproduce the issue with Tabris.js 2.1.1 version.