diff --git a/packages/frontend/src/components/MkModal.vue b/packages/frontend/src/components/MkModal.vue index b5c93df4ed..3bcf835ec9 100644 --- a/packages/frontend/src/components/MkModal.vue +++ b/packages/frontend/src/components/MkModal.vue @@ -50,6 +50,7 @@ import { deviceKind } from '@/utility/device-kind.js'; import { focusTrap } from '@/utility/focus-trap.js'; import { focusParent } from '@/utility/focus.js'; import { prefer } from '@/preferences.js'; +import { DI } from '@/di.js'; function getFixedContainer(el: Element | null): Element | null { if (el == null || el.tagName === 'BODY') return null; @@ -94,7 +95,7 @@ const emit = defineEmits<{ (ev: 'closed'): void; }>(); -provide('modal', true); +provide(DI.inModal, true); const maxHeight = ref<number>(); const fixed = ref(false); diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index 0d37d973f0..78c69306b0 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -140,7 +140,7 @@ import { DI } from '@/di.js'; const $i = ensureSignin(); -const modal = inject('modal'); +const modal = inject(DI.inModal, false); const props = withDefaults(defineProps<PostFormProps & { fixed?: boolean; diff --git a/packages/frontend/src/di.ts b/packages/frontend/src/di.ts index b58c8c9659..541cdb76a8 100644 --- a/packages/frontend/src/di.ts +++ b/packages/frontend/src/di.ts @@ -15,4 +15,5 @@ export const DI = { currentStickyTop: Symbol() as InjectionKey<Ref<number>>, currentStickyBottom: Symbol() as InjectionKey<Ref<number>>, mfmEmojiReactCallback: Symbol() as InjectionKey<(emoji: string) => void>, + inModal: Symbol() as InjectionKey<boolean>, };