diff --git a/CHANGELOG.md b/CHANGELOG.md index 959925c34a0ae8849935a4f4ddda5bc8d747995f..88598c2acec0f25ee7efa1f9fd040b635acc0ce3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ _14th March 2020_ ### Fixed - Safari reload bug on initial creation of microcosms +- Pressing Enter allows quick onboard aswell, also no reload # 0.1.5 diff --git a/app/src/components/OnBoard.vue b/app/src/components/OnBoard.vue index 053180c1d3651274fb1de4e8d65ac0661216cbc9..1ce1347708cbb58243ad8798375d5f70beceb722 100644 --- a/app/src/components/OnBoard.vue +++ b/app/src/components/OnBoard.vue @@ -9,7 +9,7 @@ >about</a> section. </p> - <form v-show="parta"> + <form v-show="parta" onsubmit="return false;"> <h2>1</h2> <h3>microcosm</h3> <p> @@ -26,11 +26,12 @@ autocorrect="off" autocapitalize="none" autofocus + v-on:keyup.enter="createMicrocosm(), setFocus()" /> <BaseButton buttonClass="onboard" @click="createMicrocosm(), setFocus()">+</BaseButton> </form> - <form v-show="partb"> + <form v-show="partb" onsubmit="return false;"> <h2>2</h2> <h3>object</h3> <p> @@ -44,11 +45,13 @@ autocorrect="off" autocapitalize="none" ref="objectname" + v-on:keyup.enter="setClient()" /> - <BaseButton buttonClass="onboard" @click="setClient()">+</BaseButton> + <BaseButton buttonClass="onboard" @click="setClient(), setFocusTwo()">+</BaseButton> </form> <form v-show="partc"> + <input type="text" hidden v-on:keyup.enter="letsGo()" ref="objectnametwo" /> <h2>3</h2> <h3>start</h3> <BaseButton buttonClass="onboard" @click="letsGo()">+</BaseButton> @@ -58,6 +61,7 @@ <script> var delay = 100 +var delaytwo = 100 export default { data: function() { @@ -99,8 +103,14 @@ export default { setFocus() { setTimeout(this.readyFocus, delay) }, + setFocusTwo() { + setTimeout(this.readyFocusTwo, delaytwo) + }, readyFocus() { this.$refs.objectname.focus() + }, + readyFocusTwo() { + this.$refs.objectnametwo.focus() } } }