Reparent file picker and viewer in fullscreen mode

src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue

@@ -446,6 +446,19 @@ export default {
  },
  ],
  })
+
+ // FIXME Remove this hack once it is possible to set the parent
+ // element of the viewer.
+ // By default the viewer is a sibling of the fullscreen element, so
+ // it is not visible when in fullscreen mode. It is not possible to
+ // specify the parent nor to know when the viewer was actually
+ // opened, so for the time being it is reparented if needed shortly
+ // after calling it.
+ setTimeout(() => {
+ if (this.$store.getters.isFullscreen()) {
+ document.getElementById('content-vue').appendChild(document.getElementById('viewer'))
+ }
+ }, 1000)
  },
  },
 }

src/components/NewMessageForm/NewMessageForm.vue

@@ -409,6 +409,19 @@ export default {
  shareFile(path, this.token)
  this.$refs.advancedInput.focusInput()
  })
+
+ // FIXME Remove this hack once it is possible to set the parent
+ // element of the file picker.
+ // By default the file picker is a sibling of the fullscreen
+ // element, so it is not visible when in fullscreen mode. It is not
+ // possible to specify the parent nor to know when the file picker
+ // was actually opened, so for the time being it is reparented if
+ // needed shortly after calling it.
+ setTimeout(() => {
+ if (this.$store.getters.isFullscreen()) {
+ document.getElementById('content-vue').appendChild(document.querySelector('.oc-dialog'))
+ }
+ }, 1000)
  },
 
  /**