neumorphism-ui-bootstrap
neumorphism-ui-bootstrap copied to clipboard
On MacOS, using Chrome, buttons stay depressed until I click away
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.
Just add
$(".btn").mouseup(function(){ $(this).blur(); })
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 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>