format at once after found decimal key

Author: Dipak Sarkar

src/core.js

@@ -47,10 +47,6 @@ export function getInputElement(el) {
  * @param {Number} position
  */
 export function updateCursor(el, position) {
-  const config = el[CONFIG_KEY] && el[CONFIG_KEY].config
-  position = Math.max(position, config.suffix.length)
-  position = el.value.length - position
-  position = Math.max(position, config.prefix.length + 1)
   const setSelectionRange = () => { el.setSelectionRange(position, position) }
   if (el === document.activeElement) {
     setSelectionRange()
@@ -111,10 +107,14 @@ export function inputHandler(event) {
   // we can stop propagation of this native event
   event.stopPropagation()
 
-  const positionFromEnd = target.value.length - target.selectionEnd
-  const { oldValue } = target[CONFIG_KEY]
+  let positionFromEnd = target.value.length - target.selectionEnd
+  const { oldValue, config } = target[CONFIG_KEY]
 
   updateValue(target, null, { emit: false }, event)
+  // updated cursor position
+  positionFromEnd = Math.max(positionFromEnd, config.suffix.length)
+  positionFromEnd = target.value.length - positionFromEnd
+  positionFromEnd = Math.max(positionFromEnd, config.prefix.length + 1)
   updateCursor(target, positionFromEnd)
 
   if (oldValue !== target.value) {

src/directive.js

@@ -14,6 +14,7 @@ export default {
   inserted: (el) => {
     el = core.getInputElement(el)
     const option = el[CONFIG_KEY]
+    const { config } = option
     // prefer adding event listener to parent element to avoid Firefox bug which does not
     // execute `useCapture: true` event handlers before non-capturing event handlers
     const handlerOwner = el.parentElement || el
@@ -25,6 +26,16 @@ export default {
 
     el.onblur = (e) => core.blurHandler(e)
 
+    // check decimal key and insert to current element
+    el.onkeydown = (e) => {
+      if (e.key === '.') {
+        e.preventDefault()
+        el.setRangeText(config.decimal)
+        el.dispatchEvent(new Event('input'))
+        core.updateCursor(el, el.value.length - config.precision - config.suffix.length)
+      }
+    }
+
     option.cleanup = () => handlerOwner.removeEventListener('input', oninput, true)
   },