Fix clip issue (#10131)

src/components/ProfileHoverCard/index.web.tsx

@@ -519,7 +519,6 @@ function Inner({
                 a.leading_snug,
                 a.font_semi_bold,
                 a.self_start,
-                {minWidth: 0},
               ]}>
               {sanitizeDisplayName(
                 profile.displayName || sanitizeHandle(profile.handle),

src/components/Typography.tsx

@@ -108,6 +108,10 @@ export function P({style, ...rest}: TextProps) {
 const numberOfLinesClippingFix = {
   overflowY: 'visible',
   overflowX: 'clip',
+  // mimic browser default behavior of `min-width: 0` on `overflow: hidden`
+  // elements to allow text to shrink smaller than its intrinsic width when
+  // necessary
+  minWidth: 0,
   // this is neater and supports vertical writing modes, but it's only baseline newly available
   // overflowInline: 'clip',
 } satisfies React.CSSProperties as TextStyleProp

src/view/com/util/PostMeta.tsx

@@ -82,16 +82,9 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
           />
         </View>
       )}
-      <View
-        style={[a.flex_row, a.align_end, a.flex_shrink, web({minWidth: 0})]}>
+      <View style={[a.flex_row, a.align_end, a.flex_shrink]}>
         <ProfileHoverCard did={author.did}>
-          <View
-            style={[
-              a.flex_row,
-              a.align_end,
-              a.flex_shrink,
-              web({minWidth: 0}),
-            ]}>
+          <View style={[a.flex_row, a.align_end, a.flex_shrink]}>
             <MaybeLinkText
               emoji
               numberOfLines={1}
@@ -132,7 +125,6 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
                 t.atoms.text_contrast_medium,
                 a.leading_tight,
                 {flexShrink: 10},
-                web({minWidth: 0}),
               ]}>
               {NON_BREAKING_SPACE + sanitizeHandle(handle, '@')}
             </MaybeLinkText>