limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 14:07:38 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve usability

Browse source
This commit is contained in:
syuilo 2021-08-08 12:45:44 +09:00
parent c64b19669c
commit 07391fbfec
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/client/components/ui/popup.vue
View file

@ -7,7 +7,7 @@
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { defineComponent, PropType } from 'vue';
function getFixedContainer(el: Element | null): Element | null {
if (el == null || el.tagName === 'BODY') return null;
@ -31,6 +31,7 @@ export default defineComponent({
required: false
},
src: {
type: Object as PropType<HTMLElement>,
required: false,
},
position: {
@ -56,6 +57,9 @@ export default defineComponent({
mounted() {
this.$watch('src', () => {
if (this.src) {
this.src.style.pointerEvents = 'none';
}
this.fixed = getFixedContainer(this.src) != null;
this.$nextTick(() => {
this.align();
@ -69,7 +73,7 @@ export default defineComponent({
}).observe(popover);
});
document.addEventListener('mousedown', this.onDocumentClick);
document.addEventListener('mousedown', this.onDocumentClick, { passive: true });
},
beforeUnmount() {
@ -155,6 +159,7 @@ export default defineComponent({
},
close() {
if (this.src) this.src.style.pointerEvents = 'auto';
this.showing = false;
this.$emit('close');
},