Last pragraph sentence of some html text gets cuts off i.e not shown #360

kamalpandey · 2020-04-27T23:15:05Z

This is problem In smaller device in Android i.e. Google pixel 2xl or 2a and not problem in larger device. Could somebody tell what is wrong?

ohitslaurence · 2020-05-05T09:23:10Z

Try add this to your props, worked for me.

customWrapper: (content) => {
    return <Text textBreakStrategy="simple">{content}</Text>;
},

nolife08021 · 2020-05-06T10:27:22Z

Try add this to your props, worked for me.
customWrapper: (content) => {
    return <Text textBreakStrategy="simple">{content}</Text>;
},

hi,
can you give me full sample?

nolife08021 · 2020-05-06T10:32:32Z

Try add this to your props, worked for me.
customWrapper: (content) => {
    return <Text textBreakStrategy="simple">{content}</Text>;
},

I tried, it cut off more content. lol

nolife08021 · 2020-05-09T10:00:39Z

nolife08021 · 2020-05-09T10:01:48Z

@kamalpandey @ohitslaurence do you guys have any solution on this?

nolife08021 · 2020-05-09T10:03:55Z

I tried
customWrapper={(content) => {return <TextInput multiline={true} editable={false} selectTextOnFocus={false}>{content}</TextInput>;}}

An error show out.

Invariant Violation: Nesting of <View> within <Text> is not currently supported

kamalpandey · 2020-05-09T10:51:27Z

@nolife08021 No Waiting for some one to reply on this.

nolife08021 · 2020-05-09T10:53:10Z

@kamalpandey

try this

<HTML tagsStyles={{p:{ flex:1 }}} allowFontScaling={false} customWrapper={(content) => {return <TextInput style={{backgroundColor:'white'}} multiline={true} editable={false} selectTextOnFocus={false}>{content}</TextInput>;}} baseFontStyle={{flex:1, fontSize:14, fontFamily: "System"}} ignoredStyles={["font-family"]} html={html}/>

ohitslaurence · 2020-05-09T11:42:50Z

@kamalpandey Also try adding lineHeight to your html tags. Like 1.4x your font size

nolife08021 · 2020-05-09T12:36:20Z

@kamalpandey Also try adding lineHeight to your html tags. Like 1.4x your font size

lineHieght works for me. Thanks

kamalpandey · 2020-05-11T11:41:00Z

@nolife08021 @ohitslaurence
I am using like this
<HTML html={postBody} onLinkPress={handleLinkPress} imagesMaxWidth={imagesMaxWidth()} ignoredStyles={[...IGNORED_STYLES]} baseFontStyle={baseFontStyle()} alterChildren={node => alterChildren(node)} alterNode={node => alterNode(node)} staticContentMaxWidth={staticContentMaxWidth()} />
where should i be using?

ohitslaurence · 2020-05-11T11:43:43Z

@nolife08021 @ohitslaurence
I am using like this
<HTML html={postBody} onLinkPress={handleLinkPress} imagesMaxWidth={imagesMaxWidth()} ignoredStyles={[...IGNORED_STYLES]} baseFontStyle={baseFontStyle()} alterChildren={node => alterChildren(node)} alterNode={node => alterNode(node)} staticContentMaxWidth={staticContentMaxWidth()} />
where should i be using?

@kamalpandey You can put the lineHeight inside your baseFontStyle

kamalpandey · 2020-05-11T13:56:39Z

@ohitslaurence
I added this

const MOBILE_FONT_SIZE = 15;
export const baseFontStyle = () => {
  return {
    fontSize: isTablet ? TABLET_FONT_SIZE : MOBILE_FONT_SIZE,
    lineHeight: MOBILE_FONT_SIZE * 1.4,
    color: Colors.darker
  };
};

but still issue persists.

nolife08021 · 2020-05-13T01:47:08Z

@kamalpandey

I set the lineHeight in tagStyle.

<HTML allowFontScaling={false} tagsStyles={{p:{fontSize:18, padding:10, minHeight:60, lineHeight:22 }}} baseFontStyle={{fontSize:scaledSize(18), fontFamily: "System", justifyContent:'center' }} ignoredStyles={["font-family"]} html={JSON.parse(optionText)} {...htmlConfig}/>

Tyki · 2020-05-27T09:01:07Z

Facing same issues on MIUI and oneplus OS.

Any updates?

kamalpandey · 2020-06-03T08:02:12Z

@Tyki
For now you can use
this pr
Until this pr get merged

jsamr · 2021-01-16T18:36:53Z

So this bug has reportedly appeared with React Native on Android Q (facebook/react-native#25258). Since v5 release, you can use defaultTextProps and set textBreakStrategy to ~~highQuality~~ simple in order to circumvent this bug. I'm closing this thread now as there is an easy workaround and the bug is upstream.

hotaryuzaki · 2021-03-08T06:40:00Z

So this bug has reportedly appeared with React Native on Android Q (facebook/react-native#25258). Since v5 release, you can use defaultTextProps and set textBreakStrategy to highQuality in order to circumvent this bug. I'm closing this thread now as there is an easy workaround and the bug is upstream.

defaultTextProps={{ textBreakStrategy: 'highQuality' }}
not worked for me, set to simple not worked too.

hotaryuzaki · 2021-03-08T08:31:20Z

sorry, mine was v4 so i need to update to v5.
now it works, but i had to set to simple, not highQuality
defaultTextProps={{ textBreakStrategy: 'simple' }}

oh dont forget after update version we have to reset Metro bundler cache, i found here #375 (comment)

aarie33 · 2023-12-19T06:44:15Z

any update on this issue?
I use v6.3.4, and I still have an issue with the last 2/3 of words in the last paragraph being cut off.

mochadwi · 2025-01-07T09:40:14Z

using both simple & highQuality not works for me using 6.3.4, with RN 0.68.2, in android 10 & above

jsamr added bug Crush'em all. is:missing template This issue does not comply with our contribution guidelines. labels Jul 4, 2020

jsamr linked a pull request Jul 5, 2020 that will close this issue

[5.x] Added textProps prop #349

Closed

jsamr added is:waiting pr A pull request is awaiting reviews to solve the problem. is:FAQ candidate A canonical issue to put in the FAQ. bug:upstream The bug is caused by a third party library. labels Jul 5, 2020

jsamr mentioned this issue Nov 26, 2020

🚀 Foundry release #434

Merged

41 tasks

jsamr closed this as completed Jan 16, 2021

pradeepmdk mentioned this issue Aug 25, 2023

[HOLD for payment 2023-10-09] [$1000] Quoting macOS Download Link with text will result in unexpected behaviour Expensify/App#23672

Closed

6 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Last pragraph sentence of some html text gets cuts off i.e not shown #360

Last pragraph sentence of some html text gets cuts off i.e not shown #360

kamalpandey commented Apr 27, 2020

ohitslaurence commented May 5, 2020

nolife08021 commented May 6, 2020

nolife08021 commented May 6, 2020

nolife08021 commented May 9, 2020

nolife08021 commented May 9, 2020

nolife08021 commented May 9, 2020 •

edited

Loading

kamalpandey commented May 9, 2020

nolife08021 commented May 9, 2020

ohitslaurence commented May 9, 2020

nolife08021 commented May 9, 2020

kamalpandey commented May 11, 2020

ohitslaurence commented May 11, 2020

kamalpandey commented May 11, 2020 •

edited

Loading

nolife08021 commented May 13, 2020

Tyki commented May 27, 2020

kamalpandey commented Jun 3, 2020 •

edited

Loading

jsamr commented Jan 16, 2021 •

edited

Loading

hotaryuzaki commented Mar 8, 2021

hotaryuzaki commented Mar 8, 2021 •

edited

Loading

aarie33 commented Dec 19, 2023

mochadwi commented Jan 7, 2025

Last pragraph sentence of some html text gets cuts off i.e not shown #360

Last pragraph sentence of some html text gets cuts off i.e not shown #360

Comments

kamalpandey commented Apr 27, 2020

ohitslaurence commented May 5, 2020

nolife08021 commented May 6, 2020

nolife08021 commented May 6, 2020

nolife08021 commented May 9, 2020

nolife08021 commented May 9, 2020

nolife08021 commented May 9, 2020 • edited Loading

kamalpandey commented May 9, 2020

nolife08021 commented May 9, 2020

ohitslaurence commented May 9, 2020

nolife08021 commented May 9, 2020

kamalpandey commented May 11, 2020

ohitslaurence commented May 11, 2020

kamalpandey commented May 11, 2020 • edited Loading

nolife08021 commented May 13, 2020

Tyki commented May 27, 2020

kamalpandey commented Jun 3, 2020 • edited Loading

jsamr commented Jan 16, 2021 • edited Loading

hotaryuzaki commented Mar 8, 2021

hotaryuzaki commented Mar 8, 2021 • edited Loading

aarie33 commented Dec 19, 2023

mochadwi commented Jan 7, 2025

nolife08021 commented May 9, 2020 •

edited

Loading

kamalpandey commented May 11, 2020 •

edited

Loading

kamalpandey commented Jun 3, 2020 •

edited

Loading

jsamr commented Jan 16, 2021 •

edited

Loading

hotaryuzaki commented Mar 8, 2021 •

edited

Loading