"jumping" ix-radio and ix-checkbox (height changes) when clicked

[mschlestein]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

When clicking on a ix-radio or ix-checkbox element, their height changes a few pixels. This results in controls below moving those pixels up or down.
This especially happens when those controls are wrapped inside other elements, such as div or in our case tst-ui-radio.
We would expect the height not to change when those controls are clicked.

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.6.1

Code to produce this issue.

https://github.com/grollmus/ixradiocheckboxissue

[github-actions]

🤖 Hello @mschlestein

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-2398