Angenommen, wir haben verschachtelte Komponenten wie
Code: Select all
Code: Select all
import {css, html, LitElement} from 'lit'
import {customElement} from 'lit/decorators.js'
@customElement('component-two')
export class ComponentTwo extends LitElement {
static styles = css`
:host {
display: block;
min-height: 500px;
}
`
render() {
return html`
Something
`
}
}
declare global {
interface HTMLElementTagNameMap {
'component-two': ComponentTwo
}
}
Wenn das Problem bei Komponente-2 läge? Erstens wäre es einfach, da seine Höhe im Stylesheet in head definiert werden könnte. Dieser Ansatz würde jedoch mit (möglicherweise tief) verschachtelten Komponenten nicht funktionieren.