fix(bug): remove overflow of comment (#206) (#207)

Author: 22vedant

apps/web/src/styles/globals.css

@@ -25,3 +25,17 @@
   width: 200%;
   height: 200%;
 }
+
+@layer utilities {
+  @supports not (overflow-wrap: anywhere) {
+    .break-anywhere {
+      word-break: break-word;
+    }
+  }
+
+  @supports (overflow-wrap: anywhere) {
+    .break-anywhere {
+      overflow-wrap: anywhere;
+    }
+  }
+}

apps/web/src/views/card/components/Comment.tsx

@@ -138,7 +138,7 @@ const Comment = ({
         <ContentEditable
           html={comment ?? ""}
           disabled={true}
-          className="mt-2 text-sm"
+          className="break-anywhere mt-2 text-sm"
         />
       ) : (
         <form onSubmit={handleSubmit(onSubmit)}>

apps/web/tailwind.config.ts

@@ -16,4 +16,4 @@ export default {
       },
     },
   },
-} satisfies Config;
+} satisfies Config;