feat: selectable comments text added for comments

GitOrigin-RevId: 52c7a1ca7a370c05f6225730098c219c18f15719
plasmicapp · Nov 6, 2024 · bdfd14a · bdfd14a
1 parent d6a2472
commit bdfd14a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/platform/wab/src/wab/client/components/comments/CommentPost.tsx b/platform/wab/src/wab/client/components/comments/CommentPost.tsx
@@ -186,6 +186,7 @@ function CommentPost_(props: CommentPostProps, ref: HTMLElementRefOf<"div">) {
       body={
         <EditableLabel
           value={comment.body}
+          isTextSelectable={!isThread}
           doubleClickToEdit
           disabled={appCtx.selfInfo?.id !== comment.createdById}
           onEdit={(newBody) => {

diff --git a/platform/wab/src/wab/client/components/widgets/EditableLabel/EditableLabel.tsx b/platform/wab/src/wab/client/components/widgets/EditableLabel/EditableLabel.tsx
@@ -39,6 +39,7 @@ export type EditableLabelProps = {
   children?: React.ReactNode;
   onAbort?: () => void;
   allowEmptyString?: boolean;
+  isTextSelectable?: boolean;
 };
 
 export type EditableLabelHandles = { setEditing(editing: boolean): void };
@@ -80,6 +81,7 @@ const EditableLabel_: ForwardRefRenderFunction<
     children,
     inputBoxClassName,
     allowEmptyString,
+    isTextSelectable = false,
     ...restProps
   } = props;
 
@@ -202,7 +204,8 @@ const EditableLabel_: ForwardRefRenderFunction<
     className: cn(
       "flex-fill",
       "text-ellipsis-wrappable",
-      _editing && styles.fullWidthLabelEditing
+      _editing && styles.fullWidthLabelEditing,
+      { "selectable-text": isTextSelectable }
     ),
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,

diff --git a/platform/wab/src/wab/styles/main.sass b/platform/wab/src/wab/styles/main.sass
@@ -5873,3 +5873,8 @@ a, button.link-like
   flex-direction: row
   align-items: flex-start
   gap: 8px
+
+.selectable-text
+  user-select: text
+  cursor: text
+