[IGN-14413] Form dropdown is clipping

In the Form component the dropdown is clipping under the parent container (a flex container)

Here is an screenshot of what my problem is:

Have you set the parent container to overflow: visible ?

I did figure it out, but I belive there is a bug in the Form component, it dosnt take the style from the main Form component the first element

I needed to update the stylesheet to update the overflow from auto to visible

Here is what I did in the stylesheet.css file:

So I think there is a bug here.

@Thorbjorn_Knudsen, looking at the markup in your second image, you’ll see the styles you configured in the Property Editor are added to where it is intended (the form component itself). Your solution to add styles to the child <form> element via the Advanced Stylesheet is our current recommendation. I’m going to log a ticket to look into improving this scenario (both the form styling as well as the dropdown clipping).

1 Like