neumorphism-ui-bootstrap icon indicating copy to clipboard operation
neumorphism-ui-bootstrap copied to clipboard

On MacOS, using Chrome, buttons stay depressed until I click away

Open youngsoul opened this issue 2 years ago • 3 comments

MacOS 10.15.7 Chrome ( latest ) if you go to your page:

https://demo.themesberg.com/neumorphism-ui/html/components/buttons.html

And press one of the 'Main Buttons' on chrome the button stays depressed until I click somewhere on the page. In Safari this does not happen. In Safari as soon as I navigate out of the button it returns to the normal state.

youngsoul avatar Dec 21 '21 03:12 youngsoul

Just add

$(".btn").mouseup(function(){ $(this).blur(); })

obanach avatar Mar 17 '22 09:03 obanach

I am sorry I am just now getting back to this. Thank you for your response. I am not very good with css/javascript, so when you suggest, 'just add' - where do I add this?

Thanks again

youngsoul avatar Apr 26 '22 00:04 youngsoul

I am sorry I am just now getting back to this. Thank you for your response. I am not very good with css/javascript, so when you suggest, 'just add' - where do I add this?

Thanks again

I know this is like a year old now but figured it'll be good to answer for anyone else that comes across it; you can add that almost anywhere in either a *.js file that runs with your page or just directly to whatever html page you want the buttons to act that way. To do so, simply add a script tag like so somewhere to the html page(page scripts are typically either put in the <head> tag of the page or somewhere towards the end after the <body> tag):

<script>
$(".btn").mouseup(function(){ $(this).blur(); })
</script>

Rixef avatar Sep 21 '23 23:09 Rixef