From 4af25be886c6e0d9c4bb9e1c145720b8b6ffca61 Mon Sep 17 00:00:00 2001
From: Konstantin Gogov <konstantin.gogov@sap.com>
Date: Thu, 23 Jan 2025 13:23:48 +0200
Subject: [PATCH] fix(ui5-checkbox): ensure consistent focus behavior

Ensure focus is applied consistently around the checkbox container and
respective text, aligning behavior with other components.

Fixes #10566
---
 packages/main/src/themes/CheckBox.css  |  2 +-
 packages/main/test/pages/CheckBox.html | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/main/src/themes/CheckBox.css b/packages/main/src/themes/CheckBox.css
index 6f401e414ba3..65a6710c6118 100644
--- a/packages/main/src/themes/CheckBox.css
+++ b/packages/main/src/themes/CheckBox.css
@@ -115,7 +115,7 @@
 	position: relative;
 	display: inline-flex;
 	align-items: center;
-	width: 100%;
+	max-width: 100%;
 	min-height: var(--_ui5_checkbox_width_height);
 	min-width: var(--_ui5_checkbox_width_height);
 	padding: 0 var(--_ui5_checkbox_wrapper_padding);
diff --git a/packages/main/test/pages/CheckBox.html b/packages/main/test/pages/CheckBox.html
index 91aab18d32f8..aa5ac17ccaad 100644
--- a/packages/main/test/pages/CheckBox.html
+++ b/packages/main/test/pages/CheckBox.html
@@ -82,6 +82,17 @@
 		<input type="hidden" id="cbFormSubmitted" value="false" />
 	</form>
 
+	<br />
+	<div style="width: 300px; border: 1px solid black; padding: 1rem;">
+		<ui5-checkbox style="width: 100%; border: 1px solid red;"></ui5-checkbox>
+		<ui5-radio-button style="width: 100%; border: 1px solid red;"></ui5-radio-button>
+		<ui5-switch style="width: 100%; border: 1px solid red;"></ui5-switch>
+		<hr />
+		<ui5-checkbox style="width: 100%; border: 1px solid red;" text="Some text"></ui5-checkbox>
+		<ui5-radio-button style="width: 100%; border: 1px solid red;" text="Some text"></ui5-radio-button>
+		<ui5-switch style="width: 100%; border: 1px solid red;"></ui5-switch>
+	</div>
+
 	<script>
 		var hcb = false;
 		var cbForm = document.querySelector("#cbForm");