Skip to content

Emojis inside <Text> increase line-height or stretch the element #18559

@rikur

Description

@rikur

Environment

Environment:
OS: macOS High Sierra 10.13.3
Node: 9.4.0
Yarn: 1.3.2
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: ^16.3.0-alpha.1 => 16.3.0-alpha.3
react-native: 0.54.2 => 0.54.2

Steps to Reproduce

Render a <Text> component with an emoji inside it.

Expected Behavior

Have text with emojis inside a text not change the line-height. Also expecting textDecorationLine: 'line-through' to work seamlessly with emojis inside text.

Actual Behavior

The line-height of the entire text is increased. It's even more prevalent if you apply textDecorationLine: 'line-through' on the text, as shown below.

screen shot 2018-03-26 at 3 11 18 am

screen shot 2018-03-26 at 3 11 31 am

Metadata

Metadata

Assignees

No one assigned

    Labels

    StaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions