Dropdown inherits shadow from parent element - which it should not

The easiest solution for you is to use a separate layer that works as a background and shadow for the header.

If you’re using autolayout, you can apply absolute positioning just to this BG element and keep everything else the same.

Thank you! I already had this solution, but I was hoping that I could do without such a workaround. 😀

Thank you very much!

In this case, this is a solid solution. But what do you do with forms with lots of dropdowns? Normally the dropdown box is part of the component because otherwise you would have to permanently maintain many external boxes.

When I build components for library use I don’t usually include a shadow on the shell element but on the flyout that would appear in an open state of that variant. So a shadow can exist on a nest element and not on the parent. Like this:

Yes, I think this is the usual procedure. In my case, however, the dropdown is in a box that must already have a shadow. It would therefore be good to be able to control such effects separately.