numberOfLines=1 does not work on Safari

[janicduplessis]

The problem

numberOfLines={1} has no effect on Safari. This seems to be caused by this commit ab98851#diff-fe65c584905c7546103177805c46541e3c38992b188e97600cd1fec4bce5307f. Safari requires having nowrap for it to work.

How to reproduce

Simplified test case: https://codesandbox.io/s/stupefied-pike-hyhjn?file=/src/App.js

Steps to reproduce:

1. Open test case in Safari

Safari:

Chrome:

Expected behavior

Text has an ellipsis and a single line

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

• React Native for Web (version): 0.17.1
• React (version): N/A
• Browser: Safari 14.1.1

I made a patch in my fork to use the multiline implementation in all cases, can PR it if it looks good. I think the main issue with using it is slighly lower browser support (no IE). janicduplessis@26fca01

[sertony]

True, we experience exactly the same issue now.

In our case numberOfLines = 1 has no effect if the string contains \n in it.

[necolas]

PR sounds good. Thanks

[janicduplessis]

@necolas #2113