question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How can I disable focusing when a marker is clicked?

See original GitHub issue

Clicking a marker seems to update the focus on the globe. I’d like to disable this, perhaps with enableFocusOnClickMarker prop. This is the line in question, it seems:

https://github.com/chrisrzhou/react-globe/blob/9d8e91351b8dbebf0c8aa2444404464a07ea54c0/lib/globe.js#L177

I don’t want users to be able to click into the globe. Thanks!

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:11

github_iconTop GitHub Comments

1reaction
nandorojocommented, Oct 29, 2021

Honestly, not sure…I don’t maintain this library, I just had this one issue that I worked around. Wish I had a better answer for you. My best recommendation is keep playing with the props, and maybe use some custom CSS inspecting from the browser.

Good luck!

0reactions
iampranavdharcommented, Oct 29, 2021

Thank You. I Will check that out in different ways and will mention it here in case anything works.

Read more comments on GitHub >

github_iconTop Results From Across the Web

leafletDirectiveMarker disable focus when user click outside ...
You can simply listen to a window event and disable all focus on click: $window.addEventListener('click', function(e) { $scope.markers.
Read more >
disable focus marker in hidden GUI mode · Issue #1321 - GitHub
Is your feature request related to a problem? Please describe. ... Its color is not customisable but is sometimes distracting. ... Hide the...
Read more >
How to Remove Focus Around Buttons on Click - W3docs
If you want to remove the focus around a button, you can use the CSS outline property. You need to set the “none”...
Read more >
focus-visible - CSS: Cascading Style Sheets - MDN Web Docs
Compare what happens when you click on the different controls with a mouse, versus when you tab through them using a keyboard. Note...
Read more >
Use the Marker Index - Mindjet Help Server
Disable marker indexing · On the Home tab, in the Tools group, click the Marker Index pull-down, and then click Enable. Click Enable...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found