Border impacts text layout
wokalski opened this issue · 0 comments
wokalski commented
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>
);