fix(InputMasked): fix manual range selection

dnbexperience · Nov 16, 2021 · a2a1a98 · a2a1a98
1 parent 05cddbd
commit a2a1a98
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js b/packages/dnb-eufemia/src/components/input-masked/InputMaskedUtils.js
@@ -164,6 +164,12 @@ export const correctCaretPosition = (element, maskParams) => {
 
       if (suffix || prefix) {
         const start = element.selectionStart
+        const end = element.selectionEnd
+
+        if (start !== end) {
+          return // stop here
+        }
+
         const suffixStart = element.value.indexOf(suffix)
         const suffixEnd = suffixStart + suffix?.length
         let pos = undefined

diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.js b/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.js
@@ -361,6 +361,7 @@ describe('InputMasked component', () => {
         target: {
           value,
           selectionStart: value.indexOf('kr'), // set it where the mask starts
+          selectionEnd: value.indexOf('kr'), // set it where the mask starts
           setSelectionRange,
         },
       })