btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: disable autocomplete on inputs + keyboard navigation focus

Browse Source
This commit is contained in:
liyasthomas
2021-08-29 16:44:18 +05:30
parent ebd8f43219
commit 04f9428267
33 changed files with 66 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/realtime/Mqtt.vue
View File

@@ -11,6 +11,7 @@
v-model="url"
v-focus
type="url"
autocomplete="off"
spellcheck="false"
class="
bg-primaryLight
@@ -69,6 +70,7 @@
class="input"
:placeholder="$t('mqtt.topic_name')"
type="text"
autocomplete="off"
spellcheck="false"
/>
</div>
@@ -83,6 +85,7 @@
v-model="msg"
class="input"
type="text"
autocomplete="off"
:placeholder="$t('mqtt.message')"
spellcheck="false"
/>
@@ -112,6 +115,7 @@
id="sub_topic"
v-model="sub_topic"
type="text"
autocomplete="off"
:placeholder="$t('mqtt.topic_name')"
spellcheck="false"
class="input"

3
components/realtime/Socketio.vue
View File

@@ -12,6 +12,7 @@
v-model="url"
v-focus
type="url"
autocomplete="off"
spellcheck="false"
:class="{ error: !urlValid }"
class="
@@ -94,6 +95,7 @@
name="event_name"
:placeholder="$t('socketio.event_name')"
type="text"
autocomplete="off"
:disabled="!connectionState"
/>
</div>
@@ -123,6 +125,7 @@
name="message"
:placeholder="$t('count.message', { count: index + 1 })"
type="text"
autocomplete="off"
:disabled="!connectionState"
@keyup.enter="connectionState ? sendMessage() : null"
/>

1
components/realtime/Sse.vue
View File

@@ -9,6 +9,7 @@
v-model="server"
v-focus
type="url"
autocomplete="off"
:class="{ error: !serverValid }"
class="
bg-primaryLight

3
components/realtime/Websocket.vue
View File

@@ -23,6 +23,7 @@
focus-visible:border-dividerDark
"
type="url"
autocomplete="off"
spellcheck="false"
:class="{ error: !urlValid }"
:placeholder="$t('websocket.url')"
@@ -89,6 +90,7 @@
:placeholder="$t('count.protocol', { count: index + 1 })"
name="message"
type="text"
autocomplete="off"
/>
<span>
<ButtonSecondary
@@ -174,6 +176,7 @@
v-model="communication.input"
name="message"
type="text"
autocomplete="off"
:disabled="!connectionState"
:placeholder="$t('websocket.message')"
class="input"