# Pulsating shadow on container

**URL:** <https://community.appfarm.io/t/pulsating-shadow-on-container/1717>\
**Category:** Ask the community\
**Created:** [March 13, 2025, 8:19am UTC](https://community.appfarm.io/t/pulsating-shadow-on-container/1717 "2025-03-13T08:19:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Johan18](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/johan18/32/748_2.png) [@Johan18](https://community.appfarm.io/u/Johan18)\
**Post date:** [March 13, 2025, 8:19am UTC](https://community.appfarm.io/t/pulsating-shadow-on-container/1717/1 "2025-03-13T08:19:19Z")

</div>

Hi  
I have a textinput with focus. For some reason I get this pulsating shadow effect when the page is active. How can I get rid of that?

This input field is a coded component:  
`<input type="text" id="textinput" placeholder="or type xxx and hit ENTER">`

We run a javascript to keep it focused (this is a barcode-scanner operated app)  
startAutofocus();  
textInput.focus(); // Initial focus

I have seen this before as well (when not using coded component).

Any ideas how we can get rid of the pulsating shadow?  
Thanks!  
-Johan

 ![Screenshot 2025-03-13 at 09.18.16](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/2/2cc7c2367fab3446e0c7afbe08ed40d501e276e1.png)  
 ![Screenshot 2025-03-13 at 09.17.53](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/a/a01e9becb54c1699dce4d56a83d62a72ec243c9a.png)  
 ![Screenshot 2025-03-13 at 09.14.05](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/e/e71c13ee4533b77212bc3f5b4b6fc2ba55e22360.png)

---

<div class="post-metadata">

**Author:** ![Theo](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/theo/32/1672_2.png) [@Theo](https://community.appfarm.io/u/Theo)\
**Post date:** [March 13, 2025, 8:43am UTC](https://community.appfarm.io/t/pulsating-shadow-on-container/1717/2 "2025-03-13T08:43:53Z")

</div>

It looks like the default ripple effect on an Appfarm container with an action. Does the container around the text input have an action? In that case, you could try disabling the event visuals.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/2/2e0353fa12cfaa654108e86d3e1fc04a332f3c85.png)

---

<div class="post-metadata">

**Author:** ![Johan18](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/johan18/32/748_2.png) [@Johan18](https://community.appfarm.io/u/Johan18)\
**Post date:** [March 13, 2025, 8:53am UTC](https://community.appfarm.io/t/pulsating-shadow-on-container/1717/3 "2025-03-13T08:53:32Z")

</div>

That did the trick.  
Thanks Theo!

Regards,  
Johan