From b0629c20ef0e57c8d1131e4ee8604d395b200f1a Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Tue, 2 Sep 2025 15:19:04 +0200
Subject: [PATCH] Fix fetching of gravatar images getting blocked by COEP

---
 gradle/changelog/gravatar_sizing_coep.yaml            |  2 ++
 .../src/__snapshots__/storyshots.test.ts.snap         | 11 ++++++++---
 .../src/repos/changesets/ChangesetAuthor.tsx          |  4 ++--
 .../src/repos/changesets/SingleChangeset.tsx          |  2 +-
 4 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 gradle/changelog/gravatar_sizing_coep.yaml

diff --git a/gradle/changelog/gravatar_sizing_coep.yaml b/gradle/changelog/gravatar_sizing_coep.yaml
new file mode 100644
index 0000000000..c22062a58c
--- /dev/null
+++ b/gradle/changelog/gravatar_sizing_coep.yaml
@@ -0,0 +1,2 @@
+- type: fixed
+  description: Fetching of gravatar images getting blocked by Cross-Origin-Embedder-Policy
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index ecc4629d29..0070482a67 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -20389,7 +20389,7 @@ exports[`Storyshots Repositories/Changesets Co-Authors with avatar 1`] = `
                 className="media-left mt-2 mr-2"
               >
                 <div
-                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 dLAXC image"
+                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 gwbxYG image"
                 >
                   <img
                     alt="SCM Administrator"
@@ -20448,6 +20448,7 @@ exports[`Storyshots Repositories/Changesets Co-Authors with avatar 1`] = `
                         <img
                           alt="Ford Prefect"
                           className="ContributorAvatar-sc-1yz8zn-0 lhgGHS"
+                          crossOrigin="anonymous"
                           src="https://robohash.org/ford.prefect@hitchhiker.com"
                         />
                       </a>
@@ -20458,6 +20459,7 @@ exports[`Storyshots Repositories/Changesets Co-Authors with avatar 1`] = `
                         <img
                           alt="Zaphod Beeblebrox"
                           className="ContributorAvatar-sc-1yz8zn-0 lhgGHS"
+                          crossOrigin="anonymous"
                           src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
                         />
                       </a>
@@ -20468,6 +20470,7 @@ exports[`Storyshots Repositories/Changesets Co-Authors with avatar 1`] = `
                         <img
                           alt="Tricia Marie McMillan"
                           className="ContributorAvatar-sc-1yz8zn-0 lhgGHS"
+                          crossOrigin="anonymous"
                           src="https://robohash.org/trillian@hitchhiker.cm"
                         />
                       </a>
@@ -20564,7 +20567,7 @@ exports[`Storyshots Repositories/Changesets Commiter and Co-Authors with avatar
                 className="media-left mt-2 mr-2"
               >
                 <div
-                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 dLAXC image"
+                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 gwbxYG image"
                 >
                   <img
                     alt="SCM Administrator"
@@ -20618,6 +20621,7 @@ exports[`Storyshots Repositories/Changesets Commiter and Co-Authors with avatar
                       <img
                         alt="Zaphod Beeblebrox"
                         className="ContributorAvatar-sc-1yz8zn-0 lhgGHS"
+                        crossOrigin="anonymous"
                         src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
                       />
                     </a>
@@ -20633,6 +20637,7 @@ exports[`Storyshots Repositories/Changesets Commiter and Co-Authors with avatar
                       <img
                         alt="Ford Prefect"
                         className="ContributorAvatar-sc-1yz8zn-0 lhgGHS"
+                        crossOrigin="anonymous"
                         src="https://robohash.org/ford.prefect@hitchhiker.com"
                       />
                     </a>
@@ -21637,7 +21642,7 @@ exports[`Storyshots Repositories/Changesets With avatar 1`] = `
                 className="media-left mt-2 mr-2"
               >
                 <div
-                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 dLAXC image"
+                  className="SingleChangeset__FixedSizedAvatar-sc-ytpqp9-0 gwbxYG image"
                 >
                   <img
                     alt="SCM Administrator"
diff --git a/scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx b/scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx
index a59d52a766..1d9bfb4aad 100644
--- a/scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx
+++ b/scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx
@@ -57,11 +57,11 @@ const ContributorWithAvatar: FC<PersonAvatarProps> = ({ person, avatar }) => {
   if (person.mail) {
     return (
       <a href={"mailto:" + person.mail} title={t("changeset.contributors.mailto") + " " + person.mail}>
-        <ContributorAvatar src={avatar} alt={person.name} />
+        <ContributorAvatar src={avatar} alt={person.name} crossOrigin="anonymous" />
       </a>
     );
   }
-  return <ContributorAvatar src={avatar} alt={person.name} title={person.name} />;
+  return <ContributorAvatar src={avatar} alt={person.name} title={person.name} crossOrigin="anonymous" />;
 };
 
 export const SingleContributor: FC<PersonProps> = ({ person, className, displayTextOnly }) => {
diff --git a/scm-ui/ui-components/src/repos/changesets/SingleChangeset.tsx b/scm-ui/ui-components/src/repos/changesets/SingleChangeset.tsx
index b7319801a4..bf9384803c 100644
--- a/scm-ui/ui-components/src/repos/changesets/SingleChangeset.tsx
+++ b/scm-ui/ui-components/src/repos/changesets/SingleChangeset.tsx
@@ -37,7 +37,7 @@ type Props = {
 const FixedSizedAvatar = styled.div`
   width: 35px;
   height: 35px;
-  min-width: fit-content;
+  overflow: hidden;
 `;
 
 const FullWidthDiv = styled.div`