fix: fixing mask directive

bcgov · Sep 1, 2023 · 3437f63 · 3437f63
1 parent 48af3d1
commit 3437f63
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/frontend/src/helpers/CustomDirectives.ts b/frontend/src/helpers/CustomDirectives.ts
@@ -1,9 +1,11 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { mask } from 'vue-the-mask'
 
 export const masking = (shadowSelector: string) => (el: any, binding: any) => {
   if (el.shadowRoot && binding.value) {
     const input = el.shadowRoot.querySelector(shadowSelector)
     if (input) {
+      input.setAttribute('v-mask', binding.value)
       const observer = new MutationObserver(() => mask(input, binding))
       observer.observe(input, { attributes: true })
     }

diff --git a/frontend/src/main.ts b/frontend/src/main.ts
@@ -13,7 +13,7 @@ import '@/styles'
 const app = createApp(App)
 
 app.use(router)
-app.directive('mask', masking('.cds--text-input__field-wrapper  input'))
+app.directive('mask', masking('.cds--text-input__field-wrapper input'))
 app.config.globalProperties.$session = ForestClientUserSession
 app.config.globalProperties.$features = featureFlags
 app.config.globalProperties.$backend = backendUrl