From 987c79f05b6791084c4526d80c8c28a28047dd58 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Tue, 11 Apr 2023 11:10:52 -0400 Subject: [PATCH] fix(radio): takes up full height in item (#27168) ## What is the current behavior? Issue URL: resolves https://github.com/ionic-team/ionic-framework/issues/27159 ## What is the new behavior? - Radio elements take up the full height when used inside of an item. This aligns with what checkbox and toggle do: Checkbox: https://github.com/ionic-team/ionic-framework/blob/cb8f07c5530ffc222580a3e3bae8dc85f62c73e5/core/src/components/checkbox/checkbox.scss#L42 Toggle: https://github.com/ionic-team/ionic-framework/blob/cb8f07c5530ffc222580a3e3bae8dc85f62c73e5/core/src/components/toggle/toggle.scss#L43 ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information Dev build: `7.0.2-dev.11681223603.14da7831` --- core/src/components/radio/radio.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/core/src/components/radio/radio.scss b/core/src/components/radio/radio.scss index aa33ae6ef8..e583304780 100644 --- a/core/src/components/radio/radio.scss +++ b/core/src/components/radio/radio.scss @@ -72,6 +72,7 @@ input { :host(.in-item:not(.legacy-radio)) { width: 100%; + height: 100%; } :host(.in-item[slot="start"]:not(.legacy-radio)),