Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
youngsoul opened this issue Dec 21, 2021 · 3 comments
Open

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

youngsoul opened this issue Dec 21, 2021 · 3 comments

Comments

@youngsoul
Copy link

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.
@obanach
Copy link

obanach commented Mar 17, 2022

Just add

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

@youngsoul
Copy link
Author

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

@Rixef
Copy link

Rixef commented Sep 21, 2023 •
edited

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@youngsoul @obanach @Rixef