ink
ink copied to clipboard
Text rendering artifact
The following component:
<Box flexDirection="column" width={80}>
<Box>
<Text>📈🚀</Text>
<Text color="green">test1</Text>
<Text color="gray">test2</Text>
<Text>test3</Text>
</Box>
<Box>
<Text>test4</Text>
</Box>
</Box>
Produces the following image:

The artifact here is that test4
has a strikethrough style applied to it. It shouldn't.
This appears to be a minimum example; every line of that component seems necessary. If I remove the line with test1
or test2
or test3
, everything renders fine.
Note that the strikethrough artifact appears only after the box that contains the emoji ends (all text after that is stroke through). But somehow the text in the same box as the emoji isn't.