bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化sandbox的高度自适应

master
yutent 2023-05-05 14:17:37 +08:00
parent c86a1d9dc6
commit fb8c2b00d9
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/sandbox/index.js
View File

@ -192,7 +192,7 @@ class Sandbox extends Component {
contentLoaded(ev) {
let elem = ev.target
let body = elem.contentDocument.body
elem.style.height = body.clientHeight + 'px'
elem.style.height = body.scrollHeight + 10 + 'px'
}
renderTemplate() {
@ -207,9 +207,17 @@ class Sandbox extends Component {
mounted() {
//
this.#cache.preview.panel = this.$refs.preview
let target = this.$refs.preview
this.#cache.preview.panel = target
this.renderTemplate()
this.$refs.preview.style.display = 'block'
target.style.display = 'block'
this.__observer = new ResizeObserver(_ => this.contentLoaded({ target }))
this.__observer.observe(target.contentDocument.body)
}
unmounted() {
this.__observer?.disconnect()
}
render() {