diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-radio-button-list/input-radio-button-list.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-radio-button-list/input-radio-button-list.element.ts index 4bdac3b23f..b1087f8ac2 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-radio-button-list/input-radio-button-list.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-radio-button-list/input-radio-button-list.element.ts @@ -8,7 +8,14 @@ import { UmbLitElement } from '@umbraco-cms/element'; @customElement('umb-input-radio-button-list') export class UmbInputRadioButtonListElement extends FormControlMixin(UmbLitElement) { - static styles = [UUITextStyles, css``]; + static styles = [ + UUITextStyles, + css` + :host { + display: block; + } + `, + ]; /** * List of items. @@ -38,22 +45,16 @@ export class UmbInputRadioButtonListElement extends FormControlMixin(UmbLitEleme private _setSelection(e: UUIBooleanInputEvent) { e.stopPropagation(); - if (e.target.checked) this.selectedKey = e.target.value; - + if (e.target.value) this.selectedKey = e.target.value; this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true })); } render() { - console.log('list', this.list); - if (!this.list) return nothing; - return html`
- - - ${repeat(this.list, (item) => item.key, this.renderRadioButton)} - - -
`; + + return html` + ${repeat(this.list, (item) => item.key, this.renderRadioButton)} + `; } renderRadioButton(item: { key: string; label: string }) { diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/radio-button-list/property-editor-ui-radio-button-list.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/radio-button-list/property-editor-ui-radio-button-list.element.ts index c60ec10454..112e424bc7 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/radio-button-list/property-editor-ui-radio-button-list.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/radio-button-list/property-editor-ui-radio-button-list.element.ts @@ -41,7 +41,7 @@ export class UmbPropertyEditorUIRadioButtonListElement extends UmbLitElement { render() { return html``; } }