From 22bef46336b3b202ac777f434bc40bc53f7ea434 Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Sat, 4 May 2024 03:41:03 +0200
Subject: [PATCH] Chrome workaround to prevent copying two newlines after a
 mnemonic

---
 .changelog/1918.trivial.md                                     | 1 +
 .../__tests__/__snapshots__/index.test.tsx.snap                | 3 +++
 src/app/pages/CreateWalletPage/index.tsx                       | 2 ++
 3 files changed, 6 insertions(+)
 create mode 100644 .changelog/1918.trivial.md

diff --git a/.changelog/1918.trivial.md b/.changelog/1918.trivial.md
new file mode 100644
index 0000000000..dfa6a39cba
--- /dev/null
+++ b/.changelog/1918.trivial.md
@@ -0,0 +1 @@
+Chrome workaround to prevent copying two newlines after a mnemonic
diff --git a/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap b/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap
index b6bec6d320..75691edca3 100644
--- a/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/app/pages/CreateWalletPage/__tests__/__snapshots__/index.test.tsx.snap
@@ -1424,6 +1424,9 @@ exports[`<CreateWalletPage  /> should match snapshot 1`] = `
           >
             test test test test test test test test test test test test test test test test test test test test test test test test
           </strong>
+          <span
+            style="user-select: none;"
+          />
         </span>
         <div
           class="c9"
diff --git a/src/app/pages/CreateWalletPage/index.tsx b/src/app/pages/CreateWalletPage/index.tsx
index 654ba4528e..57b55b9805 100644
--- a/src/app/pages/CreateWalletPage/index.tsx
+++ b/src/app/pages/CreateWalletPage/index.tsx
@@ -111,6 +111,8 @@ export function CreateWalletPage(props: CreateWalletProps) {
           <Box margin="xsmall" pad="small" background="background-contrast" style={{ wordSpacing: '14px' }}>
             <NoTranslate>
               <strong data-testid="generated-mnemonic">{mnemonic.join(' ')}</strong>
+              {/* Chrome workaround: Prevent copying extra newlines after user triple clicks mnemonic to copy */}
+              <span style={{ userSelect: 'none' }}></span>
             </NoTranslate>
             <Box direction="row" justify="start" margin={{ top: 'medium' }}>
               <Button