vue-focus | A reusable focus directive for reusable Vue.js components | Frontend Framework library

You should read the guide on required fields, quoting from the docs:

vee-validate doesn't validate optional fields when they are empty. Which makes sense, if the user didn't input any value in an optional field, it is valid. Until they've entered a non-empty value, rules won't be run.

See Required fields.

In @blur="focused = false", you can actually do @blur="goBack", where goBack is a local method which changes the route according to what you want.

If you're using vue router, something like this.$router.go(-1) works.

Well, are you sure you don't use the vue-moment plugin in your code? We can read "vue-moment": "^4.0.0", in your packages.json file. I don't have access to your code but I imagine you're using it somewhere in your code. In your error, we can read arguments that contains _isAMomentObject: true... It should be somewhere a moment object.

Here is answer to my own question:

First of all I tried to use vue-focus-lock plugin it works but also have issues when selecting the components like el-checkbox or el-radio. You can see the issue when the outside/behind content of el-dialog is more (below fold) then the checkbox or radio will not be checked.

Anyhow here is my solution, I have created a component FocusLock.vue: