# Drop Shadow on List Items

**URL:** <https://forum.adalo.com/t/drop-shadow-on-list-items/4299>\
**Category:** Get Help\
**Created:** [September 23, 2020, 3:42pm UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299 "2020-09-23T15:42:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![liam.m.day](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/liam.m.day/32/2321_2.png) [@liam.m.day](https://forum.adalo.com/u/liam.m.day)\
**Post date:** [September 23, 2020, 3:42pm UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299/1 "2020-09-23T15:42:56Z")

</div>

Can anyone explain why the drop shadow affect (when applied to a list item) will display to following different behaviours:

1. When no other components are neighbouring the list item on the screen the drop shadow displays as expected.

2. When the list is adjacent to another component (eg a title in the form a text component) the drop shadow from the nearest list item won’t render behind the text component.

This inconsistency is a problem. Using larger drop shadow affects often makes other text components looking like they have a background fill!

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [September 28, 2020, 7:59am UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299/2 "2020-09-28T07:59:21Z")

</div>

Can you provide some screenshots for this Liam? That way I can forward it on as a bug report.

---

<div class="post-metadata">

**Author:** ![liam.m.day](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/liam.m.day/32/2321_2.png) [@liam.m.day](https://forum.adalo.com/u/liam.m.day)\
**Post date:** [September 28, 2020, 12:59pm UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299/3 "2020-09-28T12:59:16Z")

</div>

Here is a screen shot from the iOS app. The PWA renders as expected with the drop shadow extending behind the text boxes.

I’ve changed the bg colours here to make the drop shadow clearer. The issue is the same.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/f/f713ea390190f8d1345e5ce4928114c646f55363.jpeg)

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [September 28, 2020, 2:12pm UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299/4 "2020-09-28T14:12:00Z")

</div>

Thanks I have made a bug report for this.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [October 8, 2020, 2:12pm UTC](https://forum.adalo.com/t/drop-shadow-on-list-items/4299/5 "2020-10-08T14:12:04Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.