From 0f1fd79d8294bd9370e758a114f0fa9ba7cb717d Mon Sep 17 00:00:00 2001
From: Joao Heringer <joao.heringer@automattic.com>
Date: Tue, 7 Jan 2025 16:20:58 -0300
Subject: [PATCH 1/2] Fix Profile URL truncation on Firefox

---
 web/packages/hovercards/src/core.ts    | 9 +++++----
 web/packages/hovercards/src/style.scss | 8 +++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/web/packages/hovercards/src/core.ts b/web/packages/hovercards/src/core.ts
index ce6c3e9..1050581 100644
--- a/web/packages/hovercards/src/core.ts
+++ b/web/packages/hovercards/src/core.ts
@@ -366,10 +366,11 @@ export default class Hovercards {
 					</a>
 				</div>
 				${
-					description &&
-					`<div class="gravatar-hovercard__body">
-						<p class="gravatar-hovercard__description">${ escHtml( description ) }</p>
-					</div>`
+					description
+						? `<div class="gravatar-hovercard__body">
+								<p class="gravatar-hovercard__description">${ escHtml( description ) }</p>
+							</div>`
+						: ''
 				}
 				<div class="gravatar-hovercard__social-links">
 					<a class="gravatar-hovercard__social-link" href="${ trackedProfileUrl }" target="_blank" data-service-name="gravatar">
diff --git a/web/packages/hovercards/src/style.scss b/web/packages/hovercards/src/style.scss
index d07195a..6a3328b 100644
--- a/web/packages/hovercards/src/style.scss
+++ b/web/packages/hovercards/src/style.scss
@@ -151,9 +151,11 @@ $font-sf-pro: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Robo
 	}
 
 	.gravatar-hovercard__profile-url {
-
-		@include ellipsis(1);
-
+		// webkit-box used by ellipsis mixin
+		// doesn't work well for URLs on Firefox
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 		color: $color-gray;
 	}
 

From c05cf41d597c1b7ec47ed50a8b6988fa89c5aa9e Mon Sep 17 00:00:00 2001
From: Joao Heringer <joao.heringer@automattic.com>
Date: Wed, 8 Jan 2025 10:14:22 -0300
Subject: [PATCH 2/2] Adjust break-word

---
 web/packages/hovercards/src/style.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/packages/hovercards/src/style.scss b/web/packages/hovercards/src/style.scss
index 6a3328b..9bc7d45 100644
--- a/web/packages/hovercards/src/style.scss
+++ b/web/packages/hovercards/src/style.scss
@@ -151,11 +151,11 @@ $font-sf-pro: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Robo
 	}
 
 	.gravatar-hovercard__profile-url {
-		// webkit-box used by ellipsis mixin
-		// doesn't work well for URLs on Firefox
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
+
+		@include ellipsis(1);
+
+		/* Ensure consistent word-breaking across browsers. */
+		word-break: break-all;
 		color: $color-gray;
 	}