diff --git a/apps/files_sharing/src/components/SharingInput.vue b/apps/files_sharing/src/components/SharingInput.vue
index 46c495d8279cc64a16fe7a1caf71dd77ba558e4f..8dadb4689ff4b559aaf5fa119cbd5d9fe8bbe201 100644
--- a/apps/files_sharing/src/components/SharingInput.vue
+++ b/apps/files_sharing/src/components/SharingInput.vue
@@ -34,6 +34,7 @@
 			:user-select="true"
 			:options="options"
 			v-model="value"
+			@open="handleOpen"
 			@search="asyncFind"
 			@option:selected="addShare">
 			<template #no-options="{ search }">
@@ -46,6 +47,7 @@
 <script>
 import { generateOcsUrl } from '@nextcloud/router'
 import { getCurrentUser } from '@nextcloud/auth'
+import { emit } from '@nextcloud/event-bus'
 import axios from '@nextcloud/axios'
 import debounce from 'debounce'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
@@ -153,6 +155,11 @@ export default {
 	},
 
 	methods: {
+		handleOpen() {
+			// Fix dropdown not opening when viewer is open, see https://github.com/nextcloud/viewer/pull/1319
+			emit('viewer:trapElements:changed', this.$refs.select.$el)
+		},
+
 		async asyncFind(query) {
 			// save current query to check if we display
 			// recommendations or search results
diff --git a/dist/files_sharing-files_sharing_tab.js b/dist/files_sharing-files_sharing_tab.js
index 67078763e7d658d0c6006b91c637cc0376174428..92123069d22e0113e1759fcfcbd40e31bc747537 100644
Binary files a/dist/files_sharing-files_sharing_tab.js and b/dist/files_sharing-files_sharing_tab.js differ
diff --git a/dist/files_sharing-files_sharing_tab.js.map b/dist/files_sharing-files_sharing_tab.js.map
index 345672c7192588032d64892b9aae6658a6e15643..9806448c7873bde94107e26c1c0cd78449b6e643 100644
Binary files a/dist/files_sharing-files_sharing_tab.js.map and b/dist/files_sharing-files_sharing_tab.js.map differ