# Drag and Drop: Label background Bleeds over border

**URL:** <https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761>\
**Category:** Questions about Thunkable X\
**Tags:** draganddrop\
**Created:** [December 14, 2021, 1:26am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761 "2021-12-14T01:26:19Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [December 14, 2021, 1:26am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/1 "2021-12-14T01:26:19Z")

</div>

When I set the background to a particular colour it bleeds outside of the border that was set. It only does this on the iPhone the android fills in correctly. I’m not sure if it’s related to the new DnD or something in my settings.

Web Preview:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/4/7419105176a005e4a75fade3f87805f9f45e9054.png)

Andriod:

 ![Screenshot_20211213-181208_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/3/93cf1a09b9688e0d8d78d491ba13d823a6294153.jpeg)  
iPhone  
 ![26011](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/d/5de893abec364a15572b31acd0aaebb58cbab0dc.jpeg)

Settings of a single Label

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6e5973101f64ed73797ce99753fc589abc4eda6d.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/be7d5a386764bdbeb29f58c81e91bfb51f1370c2.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cdce7cc8f3651b83df93a0d1534a4958e9e9a09b.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 14, 2021, 2:03am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/2 "2021-12-14T02:03:23Z")

</div>

I don’t understand where your fill color is. I see the BackgroundColor set to white. Where/how are you setting that?

Can you possibly share a link to the project?

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [December 14, 2021, 2:15am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/3 "2021-12-14T02:15:39Z")

</div>

The background colour is set using some blocks. I created a duplicate project to replicate the issue.

[Thunkable](https://x.thunkable.com/copy/926b925de5f9c8b42088e4b1f01647a8) (link expires Fed 20, 2022)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 14, 2021, 3:26am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/4 "2021-12-14T03:26:54Z")

</div>

Okay, it was confusing because you didn’t show screenshots of the blocks. I had no idea that’s what you were having a problem with. Thanks for the link… I’ll take a look.

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [December 14, 2021, 3:29am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/5 "2021-12-14T03:29:02Z")

</div>

Hey thanks for looking into this for me!

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 14, 2021, 3:30am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/6 "2021-12-14T03:30:06Z")

</div>

Yes, I see the problem. These are the blocks you’re using:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f3ee842af06016e1417d3b8bec58a2ba9d528fe.png)

It seems that when Previewed in a browser, the Background Color respects the label’s Border Radius (15) and fills the rounded rectangle shape but when Live Tested in Thunkable Live on an iPhone, it does not respect it and fills the entire rectangle.

I would recommend submitting a [bug report](https://docs.thunkable.com/bugs-and-feature-requests) and linking to this topic.

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [December 14, 2021, 3:41am UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/7 "2021-12-14T03:41:28Z")

</div>

Alright will do, it appears to only happen on iPhone. Thanks for helping me with this!

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [December 16, 2021, 8:40pm UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/8 "2021-12-16T20:40:56Z")

</div>

For those who want to follow the status of this bug

> <https://github.com/thunkable/thunkable-issues/issues/1083>
>
> Thanks so much for filing an issue or feature request! Please fill out the follo…wing (wherever relevant):
> 
> The more info, the faster we will be able to address it!
> 
> \### Platform
> Does this affect:
> Drag and Drop UI - iOS?
> 
> \### Steps to Reproduce
> 1. Open app on iPhone
> 2. Click any of the boxes
> 3. Observe the bug
> 
> \### Expected Behavior
> What did you expect to happen?
> When filling in the background of a label on Android or the Web it works perfectly and fills in the background as expected
> 
> \### Actual Behavior
> What actually happens?
> For the iPhone it fills in the border, but it doesn't respect the radius lines and fills in the whole box.
> 
> \### Project Link
> Link to a project copy that shows this behaviour. This is important because most times we cannot reproduce the issues reported just with the list of steps, so please do provide this.
> https://x.thunkable.com/copy/926b925de5f9c8b42088e4b1f01647a8
> 
> \###Community Link
> https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/2
> 
> \`\`\`
> STACK TRACE AND/OR SCREENSHOTS
> \`\`\`
> Andriod:
> !\[image\](https://user-images.githubusercontent.com/96126523/146071081-97a76e26-678b-482f-b62d-de084bb2acef.png)
> Web:
> !\[image\](https://user-images.githubusercontent.com/96126523/146071100-44c724da-b6f6-4f2c-8134-343d3efb6d12.png)
> 
> Issue with iPhone:
> !\[image\](https://user-images.githubusercontent.com/96126523/146071155-32920117-3ce0-4876-9338-d35bd88622b8.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [March 16, 2022, 8:41pm UTC](https://community.thunkable.com/t/drag-and-drop-label-background-bleeds-over-border/1653761/9 "2022-03-16T20:41:30Z")

</div>

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