diff options
| author | Henry Jameson <me@hjkos.com> | 2022-05-09 23:07:55 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-05-09 23:07:55 +0300 |
| commit | 4a956fa18df73c1aa4d01cfe3008a512682d2b62 (patch) | |
| tree | cb0c90e9cc5c7ce23061a7793a7a1578c0d00304 | |
| parent | 4d720974c385042d558bee4ac8b6dccf57cb347f (diff) | |
fix hidden input for file upload causing unintended scrolls
| -rw-r--r-- | src/components/media_upload/media_upload.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/media_upload/media_upload.vue b/src/components/media_upload/media_upload.vue index 2668a34f..56f67d35 100644 --- a/src/components/media_upload/media_upload.vue +++ b/src/components/media_upload/media_upload.vue @@ -17,9 +17,9 @@ /> <input v-if="uploadReady" + class="hidden-input-file" :disabled="disabled" type="file" - style="position: fixed; top: -100em; max-width: 0; max-height: 0" multiple="true" @change="change" > @@ -33,5 +33,12 @@ .media-upload { cursor: pointer; // We use <label> for interactivity... i wonder if it's fine + + .hidden-input-file { + max-width: 0; + max-height: 0; + pointer-events: none; + opacity: 0; + } } </style> |