diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2023-02-15 00:07:39 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2023-02-15 00:07:39 +0300 |
commit | 889c275fb7531e66d696c12eb3bc737c6654eed0 (patch) | |
tree | 96be665533a78702a4fa0bf54b8f47e7d37a4b30 /app/assets/javascripts/abuse_reports | |
parent | 283c7bb302510ed1fc55f0d333c484ce7fa781fd (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/abuse_reports')
-rw-r--r-- | app/assets/javascripts/abuse_reports/components/abuse_category_selector.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/app/assets/javascripts/abuse_reports/components/abuse_category_selector.vue b/app/assets/javascripts/abuse_reports/components/abuse_category_selector.vue index 85a43aa41e5..4a7c12e5e51 100644 --- a/app/assets/javascripts/abuse_reports/components/abuse_category_selector.vue +++ b/app/assets/javascripts/abuse_reports/components/abuse_category_selector.vue @@ -56,13 +56,22 @@ export default { data() { return { selected: '', + mounted: false, }; }, computed: { drawerOffsetTop() { + // avoid calculating this in advance because it causes layout thrashing + // https://gitlab.com/gitlab-org/gitlab/-/issues/331172#note_1269378396 + if (!this.showDrawer) return '0'; return getContentWrapperHeight('.content-wrapper'); }, }, + mounted() { + // this is required for the component to properly animate + // when it is shown with v-if + this.mounted = true; + }, methods: { closeDrawer() { this.$emit('close-drawer'); @@ -74,7 +83,7 @@ export default { <gl-drawer :header-height="drawerOffsetTop" :z-index="300" - :open="showDrawer" + :open="showDrawer && mounted" @close="closeDrawer" > <template #title> |