Unexpected behaviour with descriptions

This is happening even on the examples Categorization Example

When using strings and booleans there is an unexpected behaviour when I have the focus on the string input (showing description on focus) and I try to click a boolean checkbox on the lower half part. You can see it on the video.
Since the descriptions expands and shrinks(expected behaviour) when clicking on the checkbox, first it shrinks, moving the displayed items up and then the click triggers. This leads to checkbox not registering the click event.

Recording2025-04-24010044-ezgif.com-video-to-gif-converter

Is there a way to avoid this?

Blockquote

Hi @ale.puente,

The layout shift comes from the FormHelperText we are using, see here. To avoid this, you need to customize the CSS of the input to always make room for them. For example by assigning them a min-height. You can either do this directly via CSS or via the Material UI theming.