From d673781f5e31c573dcbe2b4af88c6da3c27b6211 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Wed, 11 Feb 2026 10:43:03 -0800
Subject: [PATCH] Fix draggable text and images in donations paypal and badge
 dialog

---
 stylesheets/components/DonationProgressModal.scss | 1 +
 stylesheets/components/DonationThanksModal.scss   | 1 +
 ts/components/BadgeImage.dom.tsx                  | 1 +
 ts/components/DonationThanksModal.dom.tsx         | 5 +----
 ts/components/PreferencesDonateFlow.dom.tsx       | 2 ++
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/stylesheets/components/DonationProgressModal.scss b/stylesheets/components/DonationProgressModal.scss
index 48a3aca36f..761df3bcbb 100644
--- a/stylesheets/components/DonationProgressModal.scss
+++ b/stylesheets/components/DonationProgressModal.scss
@@ -18,6 +18,7 @@
 .DonationProgressModal__text {
   margin-top: 20px;
   color: light-dark(variables.$color-gray-60, variables.$color-gray-25);
+  user-select: none;
   @include mixins.font-body-2;
 }
 
diff --git a/stylesheets/components/DonationThanksModal.scss b/stylesheets/components/DonationThanksModal.scss
index 699afeacbe..1bf731a162 100644
--- a/stylesheets/components/DonationThanksModal.scss
+++ b/stylesheets/components/DonationThanksModal.scss
@@ -10,6 +10,7 @@
   align-items: center;
   text-align: center;
   padding: 0;
+  user-select: none;
 
   &__badge-icon {
     width: 88px;
diff --git a/ts/components/BadgeImage.dom.tsx b/ts/components/BadgeImage.dom.tsx
index 78a4aec4f7..914c8d1f10 100644
--- a/ts/components/BadgeImage.dom.tsx
+++ b/ts/components/BadgeImage.dom.tsx
@@ -43,6 +43,7 @@ export function BadgeImage({
         width: size,
         height: size,
       }}
+      draggable={false}
     />
   );
 }
diff --git a/ts/components/DonationThanksModal.dom.tsx b/ts/components/DonationThanksModal.dom.tsx
index 9b8fdef9d1..302dcd3473 100644
--- a/ts/components/DonationThanksModal.dom.tsx
+++ b/ts/components/DonationThanksModal.dom.tsx
@@ -97,13 +97,10 @@ export function DonationThanksModal({
         <div className="DonationThanksModal__toggle-section">
           <Checkbox
             checked={applyBadgeIsChecked}
-            label=""
+            label={i18n('icu:Donations__badge-modal--display-on-profile')}
             name="donation-badge-display"
             onChange={handleToggleBadge}
           />
-          <span className="DonationThanksModal__toggle-text">
-            {i18n('icu:Donations__badge-modal--display-on-profile')}
-          </span>
         </div>
 
         <div className="DonationThanksModal__help-text">
diff --git a/ts/components/PreferencesDonateFlow.dom.tsx b/ts/components/PreferencesDonateFlow.dom.tsx
index ec8b54766e..ea0d110414 100644
--- a/ts/components/PreferencesDonateFlow.dom.tsx
+++ b/ts/components/PreferencesDonateFlow.dom.tsx
@@ -440,6 +440,7 @@ export function PreferencesDonateFlow({
           <img
             src="images/paypal.svg"
             aria-label={i18n('icu:DonateFlow__Paypal__AccessibilityLabel')}
+            draggable={false}
           />
         </button>
       </>
@@ -484,6 +485,7 @@ export function PreferencesDonateFlow({
             className={tw('flex')}
             src="images/paypal.svg"
             aria-label={i18n('icu:DonateFlow__Paypal__AccessibilityLabel')}
+            draggable={false}
           />
         </div>
         <div