Skip to content

Incorrect behaviour of numberOfLines={1} in Text  #2186

Description

@masiacra

**The problem**
After patch 0.17.5 some text doesn't work similar with same tag with same property in react-native-web ver. 0.17.1
How to reproduce

Simplified test case: https://codesandbox.io/s/sharp-resonance-0mdje

Steps to reproduce:
For react-native-web: 0.17.1 if we have <View style={{maxHeight: 252}}>goal aaaaaaaaaaaaaaaaaaaaa
Text fit all available space in div

In patch 0.17.5 when we use same tags with same props we see only "goal ...."
Expected behavior
text fit all available space and truncates with ...

Environment (include versions). Did this work in previous versions?

  • React Native for Web (version): 0.17.5
  • React (version): 17.0.*
  • Browser: firefox, google chrome latest versions

OPTIONAL:
To fix this problem we can use for numberOfLines === 1 next style={{ whiteSpace: 'nowrap', display: 'initial' }}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions