fix bug when switching between tabs
This commit is contained in:
parent
302e001eb5
commit
eaa2821e75
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
import { onMount } from "svelte"
|
import { onMount, tick } from "svelte"
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Detail,
|
Detail,
|
||||||
|
@ -44,6 +44,16 @@
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
mounted = true
|
mounted = true
|
||||||
})
|
})
|
||||||
|
|
||||||
|
async function fixMountBug({ detail }) {
|
||||||
|
console.log(detail)
|
||||||
|
if (detail === "Edit") {
|
||||||
|
await tick()
|
||||||
|
mounted = true
|
||||||
|
} else {
|
||||||
|
mounted = false
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Page wide>
|
<Page wide>
|
||||||
|
@ -69,7 +79,7 @@
|
||||||
menu on the right.</Body
|
menu on the right.</Body
|
||||||
>
|
>
|
||||||
</Layout>
|
</Layout>
|
||||||
<Tabs selected="Edit">
|
<Tabs selected="Edit" on:select={fixMountBug}>
|
||||||
<Tab title="Edit">
|
<Tab title="Edit">
|
||||||
<div class="template-editor">
|
<div class="template-editor">
|
||||||
<Editor
|
<Editor
|
||||||
|
|
Loading…
Reference in New Issue