Prevent last line of post text from being clipped on Android (#11433)
This commit is contained in:
@@ -3,7 +3,7 @@ import {type StyleProp, type TextStyle} from 'react-native'
|
||||
import {AppBskyRichtextFacet, RichText as RichTextAPI} from '@atproto/api'
|
||||
|
||||
import {toShortUrl} from '#/lib/strings/url-helpers'
|
||||
import {atoms as a, flatten, ios, type TextStyleProp} from '#/alf'
|
||||
import {atoms as a, flatten, native, type TextStyleProp} from '#/alf'
|
||||
import {isOnlyEmoji} from '#/alf/typography'
|
||||
import {InlineLinkText, type LinkProps} from '#/components/Link'
|
||||
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
|
||||
@@ -32,10 +32,10 @@ export type RichTextProps = TextStyleProp &
|
||||
* How far below the text baseline `suffix` extends, in px.
|
||||
*
|
||||
* Inline views inside `Text` sit with their bottom edge on the baseline, so
|
||||
* a suffix nudged below it overflows the `Text`'s measured bounds and iOS
|
||||
* clips it. We reserve this much room as bottom padding and cancel it with
|
||||
* an equal negative margin, so the suffix can paint without moving anything
|
||||
* after it. Pass the same offset the suffix nudges itself by.
|
||||
* a suffix nudged below it overflows the `Text`'s measured bounds and
|
||||
* native clips it. We reserve this much room as bottom padding and cancel
|
||||
* it with an equal negative margin, so the suffix can paint without moving
|
||||
* anything after it. Pass the same offset the suffix nudges itself by.
|
||||
*
|
||||
* Overrides any `paddingBottom`/`marginBottom` set via `style`.
|
||||
*/
|
||||
@@ -84,7 +84,7 @@ export function RichText({
|
||||
const plainStyles = style
|
||||
const suffixStyles =
|
||||
suffix && suffixOffset
|
||||
? ios({paddingBottom: suffixOffset, marginBottom: -suffixOffset})
|
||||
? native({paddingBottom: suffixOffset, marginBottom: -suffixOffset})
|
||||
: null
|
||||
const interactiveStyles = [plainStyles, interactiveStyle]
|
||||
|
||||
|
||||
Reference in New Issue
Block a user