diff --git a/src/client/components/ui/container.vue b/src/client/components/ui/container.vue index 19820a307d..66f55102be 100644 --- a/src/client/components/ui/container.vue +++ b/src/client/components/ui/container.vue @@ -8,9 +8,18 @@ -
- -
+ +
+ +
+
@@ -51,12 +60,45 @@ export default Vue.extend({ toggleContent(show: boolean) { if (!this.bodyTogglable) return; this.showBody = show; - } + }, + + beforeEnter(el) { + el.style.height = '0'; + }, + enter(el) { + setTimeout(() => { + el.style.height = el.scrollHeight + 'px'; + }, 10); // HACKY: Vueのバグか知らないけどこうしないと動作しない + }, + afterEnter(el) { + el.style.height = 'auto'; + }, + beforeLeave(el) { + el.style.height = el.scrollHeight + 'px'; + }, + leave(el) { + setTimeout(() => { + el.style.height = '0'; + }, 10); // HACKY: Vueのバグか知らないけどこうしないと動作しない + }, + afterLeave(el) { + el.style.height = 'auto'; + }, } });