From d2f522a1e0372e6ad39d4333117e46fc9037417a Mon Sep 17 00:00:00 2001
From: othmar52 <othmar52@users.noreply.github.com>
Date: Thu, 20 Feb 2025 23:59:34 +0100
Subject: [PATCH] Add title attribute to actor roles (#6344)

Co-authored-by: engine <engine@pentagon.usa.gov>
---
 src/components/cardbuilder/cardBuilder.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js
index 7cbc33ace3..54e9d33a8e 100644
--- a/src/components/cardbuilder/cardBuilder.js
+++ b/src/components/cardbuilder/cardBuilder.js
@@ -706,7 +706,8 @@ function getCardFooterText(item, apiClient, options, footerClass, progressHtml,
             if (item.Role) {
                 if ([ PersonKind.Actor, PersonKind.GuestStar ].includes(item.Type)) {
                     // List actor roles formatted like "as Character Name"
-                    lines.push(globalize.translate('PersonRole', escapeHtml(item.Role)));
+                    const roleText = globalize.translate('PersonRole', escapeHtml(item.Role));
+                    lines.push(`<span title="${roleText}">${roleText}</span>`);
                 } else if (item.Role.toLowerCase() === item.Type.toLowerCase()) {
                     // Role and Type are the same so use the localized Type
                     lines.push(escapeHtml(globalize.translate(item.Type)));