Merge pull request #1918 from oasisprotocol/lw/fix-copy-mnemonic

Chrome workaround to prevent copying two newlines after a mnemonic
oasisprotocol · May 4, 2024 · f6a787c · f6a787c
2 parents 04113b8 + 22bef46
commit f6a787c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/.changelog/1918.trivial.md 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
@@ -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
@@ -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
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Chrome workaround to prevent copying two newlines after a mnemonic