Updated: code to make the tab index work on the authentication modals(#…

…434)

components/molecules/modals/m-modal-authentication.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="m-modal-authentication">
     <SfModal :visible="isVisible" @close="closeModal">
-      <transition name="fade" mode="out-in">
+      <transition name="fade">
         <MLogin v-if="modalData.payload === 'login'" />
         <MRegister v-if="modalData.payload === 'register'" />
         <MResetPassword v-if="modalData.payload === 'forgot-pass'" />
@@ -37,3 +37,16 @@ export default {
   }
 };
 </script>
+
+<style lang="scss" scoped>
+.fade-enter-active {
+  transition: opacity .5s ease-in;
+}
+.fade-leave-to {
+  transition: opacity 0s ease-out;
+}
+.fade-enter, .fade-leave-to {
+  position: absolute;
+  opacity: 0;
+}
+</style>