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.

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

Close the dropdown in the scores globe when any area outside the dropdown is clicked #43

Open
robyngit opened this issue Jun 23, 2021 · 0 comments
Assignees
Labels
data viz Related to any of the D3 data visualization elements enhancement New feature or request priority: low scores globe Related to the global scores map that is shown on the global scores page

Comments

@robyngit
Copy link
Member

The scores globe uses a custom dropdown element so that the SVG icons can be shown alongside the goal name. This element acts exactly like a normal <input>, except that clicking outside the dropdown does not close it as would be expected. In data-viz/dropdown.js, add a listener to close the dropdown when a user clicks outside the element.

Screen Shot 2021-06-23 at 18 37 09

@robyngit robyngit added enhancement New feature or request data viz Related to any of the D3 data visualization elements scores globe Related to the global scores map that is shown on the global scores page labels Jun 23, 2021
@robyngit robyngit self-assigned this Jun 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data viz Related to any of the D3 data visualization elements enhancement New feature or request priority: low scores globe Related to the global scores map that is shown on the global scores page
Projects
None yet
Development

No branches or pull requests

2 participants