JAjayflux·Dec 14, 2014
I've attempted to remove the jQuery dependancy
https://github.com/zzarcon/focusable/pull/11
In Focusable – Set a spotlight focus on DOM elementzzarcon
focusable
JavaScript2014–2014
zzarcon / focusable
focusable
:flashlight: Set a spotlight focus on DOM element adding a overlay layer to the rest of the page
2Distinct people
4Mentions
0Explicit recommenders
1.1KGitHub stars
What to know before exploring
What it is
:flashlight: Set a spotlight focus on DOM element adding a overlay layer to the rest of the page
GitHub
Where it is used
No documented product use has been verified yet.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 1:49:46 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by hour4 dated mentions
Observed mentions: 2014-12-14 11:25:29 UTC to 2014-12-14 21:07:27 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| Dec 14, 11:00 | 2014-12-14 11:00:00 UTC | 2014-12-14 12:00:00 UTC | 1 | 1 | 0 |
| Dec 14, 12:00 | 2014-12-14 12:00:00 UTC | 2014-12-14 13:00:00 UTC | 1 | 0 | 1 |
| Dec 14, 13:00 | 2014-12-14 13:00:00 UTC | 2014-12-14 14:00:00 UTC | 1 | 0 | 1 |
| Dec 14, 14:00 | 2014-12-14 14:00:00 UTC | 2014-12-14 15:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 15:00 | 2014-12-14 15:00:00 UTC | 2014-12-14 16:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 16:00 | 2014-12-14 16:00:00 UTC | 2014-12-14 17:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 17:00 | 2014-12-14 17:00:00 UTC | 2014-12-14 18:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 18:00 | 2014-12-14 18:00:00 UTC | 2014-12-14 19:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 19:00 | 2014-12-14 19:00:00 UTC | 2014-12-14 20:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 20:00 | 2014-12-14 20:00:00 UTC | 2014-12-14 21:00:00 UTC | 0 | 0 | 0 |
| Dec 14, 21:00 | 2014-12-14 21:00:00 UTC | 2014-12-14 22:00:00 UTC | 1 | 0 | 1 |
What Hacker News says
4 sourcesYeah! is the approach I also follow in the library, you can check it here https://github.com/zzarcon/focusable/blob/master/app/focus-e...
In Focusable – Set a spotlight focus on DOM elementYou can find a live demo here (https://github.com/zzarcon/focusable/tree/master/sample-app).
About adding a border-radius, I'll love that feature, in fact I was thinking about implement it, but isn't as easy as it seems.
TLDR: Right now they are 4 divs for making the focus enable:
1- Fills the left part of the page.
2- Fills the top part of the page to the top part of the element.
3- Fills the bottom part of the element to the bottom part of the page.
4- Fills the right part of the page.
These divs are absolute positioned inside a wrapper that have disabled the pointer events to enable the interaction with the focused element.
So for that reason I can't simply add a border-radius for the active element.
This images can help me to explain you how it works http://cl.ly/image/3g2K2N1j1S3S http://cl.ly/image/031j3p283235
In Focusable – Set a spotlight focus on DOM elementFocusable – Set a spotlight focus on DOM element
48 points · Open discussion