mobile fixes for js field

Without the overflow change, the page viewport gets messed up.
And for some reason specifying the font size as 1rem does not work;
it needs to be explicitly set to 16px to prevent zoom in.
This commit is contained in:
Damien Elmes 2021-06-24 18:06:22 +10:00
parent d94c878ce3
commit e387c1f6f1

View file

@ -25,7 +25,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<textarea class="form-control" bind:value spellcheck="false" autocapitalize="none" />
<style>
<style lang="scss">
.text {
min-height: 2em;
}
@ -34,4 +34,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
height: 10em;
font-family: monospace;
}
@supports (-webkit-touch-callout: none) {
// mobile compat
textarea {
font-size: 16px;
overflow-x: hidden;
}
}
</style>