ink icon indicating copy to clipboard operation
ink copied to clipboard

Text rendering artifact

Open coffeemug opened this issue 2 years ago • 0 comments

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:

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.

coffeemug avatar Aug 04 '22 22:08 coffeemug