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

Need help Responsiveness
1

Hello fellow bubblers!

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

Original button:
image

Button after click:
image

  • 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!

2

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?

3

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!

4

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
5

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