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) { contentLoaded(ev) {
let elem = ev.target let elem = ev.target
let body = elem.contentDocument.body let body = elem.contentDocument.body
elem.style.height = body.clientHeight + 'px' elem.style.height = body.scrollHeight + 10 + 'px'
} }
renderTemplate() { renderTemplate() {
@ -207,9 +207,17 @@ class Sandbox extends Component {
mounted() { mounted() {
// //
this.#cache.preview.panel = this.$refs.preview let target = this.$refs.preview
this.#cache.preview.panel = target
this.renderTemplate() 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() { render() {