rough-stuff/wired-elements

wired-input doesnt render in slot (in wired-card)

martinKumhera opened this issue · 3 comments

If you define an element with a slot element within a wire-card and use this element and provide a wired-input element, it will not be shown.

MyElement:
import { html, css, LitElement } from 'lit-element';

export class MyElement extends LitElement {
static get styles() {
return css:host { };
}

static get properties() {
return {
};
}

constructor() {
super();
}

render() {
return html<wired-card> <slot></slot> </wired-card>;
}
}

window.customElements.define('my-element', MyElement);

MyApp:
import { html, css, LitElement } from 'lit-element';
import { MyElement } from './MyElement.js';

export class MyApp extends LitElement {
static get styles() {
return css:host { };
}

static get properties() {
return {
};
}

constructor() {
super();
}

render() {
return html<my-element> <wired-input placeholder="Test" value="test"></wired-input> </my-element>;
}
}

window.customElements.define('my-app', MyApp);

This should be resolve in v2.1.2