[IGN-14413] Form dropdown is clipping

Ignition
,
1

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

Here is an screenshot of what my problem is:

image
image514×398 14 KB

2

Have you set the parent container to overflow: visible ?

3

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

image
image682×1348 78.3 KB

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

image
image1920×872 181 KB

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

image
image539×212 6.73 KB

So I think there is a bug here.

4

@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).