# \[IGN-14413\] Form dropdown is clipping

**URL:** <https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960>\
**Category:** Ignition\
**Tags:** perspective, ignition83\
**Created:** [September 25, 2025, 8:10am UTC](https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960 "2025-09-25T08:10:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thorbjorn\_Knudsen](https://avatars.discourse-cdn.com/v4/letter/t/58f4c7/32.png) [@Thorbjorn\_Knudsen](https://forum.inductiveautomation.com/u/Thorbjorn_Knudsen)\
**Post date:** [September 25, 2025, 8:10am UTC](https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960/1 "2025-09-25T08:10:51Z")

</div>

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/c/fc2158170082bb0b6af3177b3ba71202d0dc451c.png)

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [September 25, 2025, 9:22am UTC](https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960/2 "2025-09-25T09:22:31Z")

</div>

Have you set the parent container to overflow: visible ?

---

<div class="post-metadata">

**Author:** ![Thorbjorn\_Knudsen](https://avatars.discourse-cdn.com/v4/letter/t/58f4c7/32.png) [@Thorbjorn\_Knudsen](https://forum.inductiveautomation.com/u/Thorbjorn_Knudsen)\
**Post date:** [September 25, 2025, 10:12am UTC](https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960/3 "2025-09-25T10:12:09Z")

</div>

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d89072f070bc91057ad9476397624f8b98fa5d1c.png)

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/e/5e0d1d7092f7e15cf9feca4491048419878d7521.jpeg)

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/945a62c6be9ca2aa006fd70989b3ef386cff62b9.png)

So I think there is a bug here.

---

<div class="post-metadata">

**Author:** ![pamato](https://avatars.discourse-cdn.com/v4/letter/p/c68b51/32.png) [@pamato](https://forum.inductiveautomation.com/u/pamato)\
**Post date:** [September 25, 2025, 2:37pm UTC](https://forum.inductiveautomation.com/t/ign-14413-form-dropdown-is-clipping/110960/4 "2025-09-25T14:37:09Z")

</div>

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