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 c33f7a021..c0d256cf7 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 f27ccec2e..35405bbf5 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 3858bc2b0..8642af708 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 082bdd1fe..786c0fce1 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 786c0fce1..b7bbd8ebd 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;}