diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-17 00:06:26 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-01-20 23:39:42 -0500 |
| commit | 39e4746f615970001839309e06a0f13d9613b175 (patch) | |
| tree | e072340f3e0abe63e8584f1cf6afea4dc53d5d40 /src/components/extra_buttons/extra_buttons.vue | |
| parent | 51ade260660b1a6586b5c0091d89c9701b684870 (diff) | |
Use portal for modals
Diffstat (limited to 'src/components/extra_buttons/extra_buttons.vue')
| -rw-r--r-- | src/components/extra_buttons/extra_buttons.vue | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue index 293f6d68..4641947a 100644 --- a/src/components/extra_buttons/extra_buttons.vue +++ b/src/components/extra_buttons/extra_buttons.vue @@ -165,16 +165,18 @@ /> </FALayers> </span> - <ConfirmModal - :showing="showingDeleteDialog" - :title="$t('status.delete_confirm_title')" - :cancel-text="$t('status.delete_confirm_cancel_button')" - :confirm-text="$t('status.delete_confirm_accept_button')" - @cancelled="hideDeleteStatusConfirmDialog" - @accepted="doDeleteStatus" - > - {{ $t('status.delete_confirm') }} - </ConfirmModal> + <portal to="modal"> + <ConfirmModal + v-if="showingDeleteDialog" + :title="$t('status.delete_confirm_title')" + :cancel-text="$t('status.delete_confirm_cancel_button')" + :confirm-text="$t('status.delete_confirm_accept_button')" + @cancelled="hideDeleteStatusConfirmDialog" + @accepted="doDeleteStatus" + > + {{ $t('status.delete_confirm') }} + </ConfirmModal> + </portal> </template> </Popover> </template> |