briskml/brisk

Border impacts text layout

wokalski opened this issue · 0 comments

Sample component which shows the issue.

let app = (~children as _: list(unit), ()) =>
  Brisk.Layout.(
    <view
      style=[
        width(100.),
        height(120.),
      ]>
      <view style=[padding4(~top=20., ()), Brisk.Layout.flex(1.)]>
          <text
            style=[
              font(~size=13., ()),
              lineBreak(`TruncateTail),
              /* Remove the next line to reproduce the issue/observe the changes */
              border(~width=1., ~color=Color.hex("#000000"), ()),
              color(Color.hex("#000000")),
            ]
            value="Anonononother another another another"
          />
        <text
          style=Brisk.Layout.[
            color(Color.hex("#888888")),
            border(~width=1., ~color=Color.hex("#000000"), ()),
          ]
          value="Long Long Long Long string"
        />
      </view>
    </view>
  );