From 637644fd3ea0757cce8b0f0e171abde54e33ccc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 13 Feb 2023 13:06:48 +1300
Subject: [PATCH] remove form, and fix event value

---
 .../input-radio-button-list.element.ts        | 25 ++++++++++---------
 ...rty-editor-ui-radio-button-list.element.ts |  2 +-
 2 files changed, 14 insertions(+), 13 deletions(-)

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`<form>
-			<uui-form @change="${this._setSelection}">
-				<uui-radio-group .value=${this.value}>
-					${repeat(this.list, (item) => item.key, this.renderRadioButton)}
-				</uui-radio-group>
-			</uui-form>
-		</form>`;
+
+		return html`<uui-radio-group .value=${this.value} @change=${this._setSelection}>
+			${repeat(this.list, (item) => item.key, this.renderRadioButton)}
+		</uui-radio-group>`;
 	}
 
 	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`<umb-input-radio-button-list
 			@change="${this._onChange}"
-			.selectedKeys="${this._value}"
+			.selectedKey="${this._value}"
 			.list="${this._list}"></umb-input-radio-button-list>`;
 	}
 }