Fix edited reply quote collapse (#33487)

* Fix edited reply quote collapse * Add regression test for edited reply quotes
2026-05-13 10:23:56 +00:00
parent 85aca65a81
commit 8400f56004
4 changed files with 85 additions and 2 deletions
@@ -255,14 +255,16 @@ export function TextualBodyView({
            [styles.annotatedInline]: kind === TextualBodyViewKind.EMOTE,
        });

+        // Reply quotes need to tweak this wrapper so long edited messages still clamp nicely.
+        // Keep this hook stable so app CSS doesn't have to reach into CSS-module class names.
        renderedBody =
            kind === TextualBodyViewKind.EMOTE ? (
-                <span dir="auto" className={annotatedClasses}>
+                <span dir="auto" className={annotatedClasses} data-textual-body-annotation-wrapper="">
                    {renderedBody}
                    {markers}
                </span>
            ) : (
-                <div dir="auto" className={annotatedClasses}>
+                <div dir="auto" className={annotatedClasses} data-textual-body-annotation-wrapper="">
                    {renderedBody}
                    {markers}
                </div>
@@ -33,6 +33,7 @@ exports[`TextualBodyView > renders emote messages with annotations 1`] = `
     
    <span
      class="TextualBody-module_annotated TextualBody-module_annotatedInline"
+      data-textual-body-annotation-wrapper=""
      dir="auto"
    >
      <span>