From bcdb6fa98f6e6820411023150e29bafefb7d05e5 Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Mon, 23 Mar 2026 12:26:48 +0200 Subject: [PATCH 1/4] fix(text): allow vertical overflow for text with `numberOfLines={1}` --- .../pages/text/index.js | 18 +++++++++++++++++- .../react-native-web/src/exports/Text/index.js | 2 +- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/packages/react-native-web-examples/pages/text/index.js b/packages/react-native-web-examples/pages/text/index.js index c33f7a0218..c0d256cf7f 100644 --- a/packages/react-native-web-examples/pages/text/index.js +++ b/packages/react-native-web-examples/pages/text/index.js @@ -314,7 +314,7 @@ function LineExample({ description, children }) { + + + { + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' + } + + + + + + { + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' + } + + + diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js index f27ccec2e9..35405bbf5a 100644 --- a/packages/react-native-web/src/exports/Text/index.js +++ b/packages/react-native-web/src/exports/Text/index.js @@ -214,7 +214,7 @@ const styles = StyleSheet.create({ }, textOneLine: { maxWidth: '100%', - overflow: 'hidden', + overflowInline: 'clip', textOverflow: 'ellipsis', whiteSpace: 'nowrap', wordWrap: 'normal' From 6e56faec7d0b2a01b525012ba55394d9c8d7f23a Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Mon, 23 Mar 2026 12:43:43 +0200 Subject: [PATCH 2/4] update snapshot test --- .../src/exports/Text/__tests__/__snapshots__/index-test.js.snap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap index 3858bc2b05..8642af708d 100644 --- a/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap +++ b/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap @@ -157,7 +157,7 @@ exports[`components/Text prop "numberOfLines" value is set 1`] = ` exports[`components/Text prop "numberOfLines" value is set to one 1`] = `
`; From b18fb241a47e6c03e8e9278669cfeb69a8943330 Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Mon, 23 Mar 2026 12:52:00 +0200 Subject: [PATCH 3/4] update another snapshot --- .../src/exports/AppRegistry/__tests__/index-test.node.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js index 082bdd1fe5..786c0fce1c 100644 --- a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js +++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js @@ -163,7 +163,6 @@ describe('AppRegistry', () => { .r-display-xoduu5{display:inline-flex;} .r-flex-13awgt0{flex:1;} .r-overflow-1qsk4np{overflow-x:clip;overflow-y:clip;} - .r-overflow-1udh08x{overflow-x:hidden;overflow-y:hidden;} [stylesheet-group="3"]{} .r-WebkitBoxOrient-8akbws{-webkit-box-orient:vertical;} .r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);} @@ -171,6 +170,7 @@ describe('AppRegistry', () => { .r-cursor-1loqt21{cursor:pointer;} .r-left-1d2f490{left:0px;} .r-maxWidth-dnmrzs{max-width:100%;} + .r-overflowInline-1b3bawr{overflow-inline:clip;} .r-pointerEvents-105ug2t{pointer-events:auto!important;} .r-pointerEvents-12vffkv>* {pointer-events:auto;} .r-pointerEvents-12vffkv{pointer-events:none!important;} From e3e5f287c71f4ea1b381c086fb60355fd32abd7a Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Mon, 23 Mar 2026 12:55:52 +0200 Subject: [PATCH 4/4] final snapshot update --- .../src/exports/AppRegistry/__tests__/index-test.node.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js index 786c0fce1c..b7bbd8ebd1 100644 --- a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js +++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js @@ -53,13 +53,13 @@ describe('AppRegistry', () => { .r-display-xoduu5{display:inline-flex;} .r-flex-13awgt0{flex:1;} .r-overflow-1qsk4np{overflow-x:clip;overflow-y:clip;} - .r-overflow-1udh08x{overflow-x:hidden;overflow-y:hidden;} [stylesheet-group="3"]{} .r-WebkitBoxOrient-8akbws{-webkit-box-orient:vertical;} .r-bottom-1p0dtai{bottom:0px;} .r-cursor-1loqt21{cursor:pointer;} .r-left-1d2f490{left:0px;} .r-maxWidth-dnmrzs{max-width:100%;} + .r-overflowInline-1b3bawr{overflow-inline:clip;} .r-pointerEvents-105ug2t{pointer-events:auto!important;} .r-pointerEvents-12vffkv>* {pointer-events:auto;} .r-pointerEvents-12vffkv{pointer-events:none!important;} @@ -112,13 +112,13 @@ describe('AppRegistry', () => { .r-display-xoduu5{display:inline-flex;} .r-flex-13awgt0{flex:1;} .r-overflow-1qsk4np{overflow-x:clip;overflow-y:clip;} - .r-overflow-1udh08x{overflow-x:hidden;overflow-y:hidden;} [stylesheet-group="3"]{} .r-WebkitBoxOrient-8akbws{-webkit-box-orient:vertical;} .r-bottom-1p0dtai{bottom:0px;} .r-cursor-1loqt21{cursor:pointer;} .r-left-1d2f490{left:0px;} .r-maxWidth-dnmrzs{max-width:100%;} + .r-overflowInline-1b3bawr{overflow-inline:clip;} .r-pointerEvents-105ug2t{pointer-events:auto!important;} .r-pointerEvents-12vffkv>* {pointer-events:auto;} .r-pointerEvents-12vffkv{pointer-events:none!important;}