Button border selected on click (error or am I doing something wrong?)

Hello fellow bubblers!

Long time lurker first time poster. I just can’t seem to figure out why this is happening.

Original button:

Button after click:

  • notice the dashed highlight around the button’s border?

This is happening on all my buttons.

I saw this thread for a fix on groups posted in 2019: Removing selection dots - #6 by tim12333

This isn’t happening in any of my other apps so I’m wondering if there have been any updates since 2019?

Any help is much appreciated. Thank you!

If you can send me a DM to the editor i could have a better look. Might be a simple CSS tweak, or could be browser related (some browsers add a dashed line around visited links).

Is this a button or a link?

Hey! Thanks @GH5T.

It is a button and if I click and hold on it or navigate to another page it will show dashed lines.

Let me see if there is a way to block API keys in the app before I share the link. Sorry!

And Thank You!

Simple fix is add a html box and input:

Wrap the following in style tags (they don’t show here)

* { outline:none !important; }

Not sure what other implications this may have in terms of accessibility but this will remove the outline.

1 Like

Ah that’s the one. So many different properties :slight_smile: