Fix mobile issues with searchbox and nav menu (#72)

* Fix mobile Safari searchbox style (#62)

* Fix mobile menu not closing on outside click (#62)
This commit is contained in:
Sascha Ißbrücker
2021-02-07 00:10:02 +01:00
committed by GitHub
parent 91d876a7f1
commit f555bba9e9
6 changed files with 82 additions and 40 deletions

View File

@@ -189,8 +189,8 @@
</script>
<div class="form-autocomplete">
<div class="form-autocomplete-input" class:is-focused={isFocus}>
<input type="search" name="{name}" placeholder="{placeholder}" autocomplete="off" value="{value}"
<div class="form-autocomplete-input form-input" class:is-focused={isFocus}>
<input type="search" class="form-input" name="{name}" placeholder="{placeholder}" autocomplete="off" value="{value}"
bind:this={input}
on:input={handleInput} on:keydown={handleKeyDown} on:focus={handleFocus} on:blur={handleBlur}>
</div>
@@ -257,6 +257,9 @@
.form-autocomplete-input {
padding: 0;
}
.form-autocomplete-input.is-focused {
z-index: 2;
}
/* TODO: Should be read from theme */
.menu-item.selected > a {