Pulsating shadow on container

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.17.53

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.

2 Likes

That did the trick.
Thanks Theo!

Regards,
Johan