I'm using isotope so the actual position of the element before the transform is in the upper left corner. When I select the text on the element after the transform the highlight appears in the upper left corner even though on-screen the element is somewhere else.

If there is padding added to the HTML of the page, the placement of the highlight is slightly skewed.

For example, when using the WordPress admin toolbar, WordPress adds padding to the HTML element of the page. This additional padding on the HTML element causes the highlight placement to be higher than the selected element.

I use the Chrome extension and have enjoyed it. There's one feature I'd like to request though. There are certain sites I would like to disable the extension for. I find that in gmail the plugin can get in the way when I am writing an email. Thoughts?

Hi there,
I just took a look at https://github.com/hakimel/Fokus/blob/master/LICENSE and was able to find a proper license. Can you put some sort of license header so people are clear.

One way could be to have something like machine-interpretable debian/copyright file if that seems good.

https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/

I leave the rest to you.

Can you create a bower package for this project?

I searched on bower website and can't find him there :(

Is it possible to save the highlighted portion os text in a cookie or local storage so when i came back later to the page it scrolls to the still highlighted text ?

That way, if you a heve a really long text, it could be used as a marker on where you left reading,

When selecting a piece of text on any webpage while using Chromium (Version 45.0.2454.101 Ubuntu 14.04 (64-bit)) and the Fokus extension I get very high cpu usage, with all 8 cores staying at around 50% for as long as the text is selected. Is that the intended behaviour? Even with my relatively powerful machine this causes some perceptible lagginess.

System:
Ubuntu 14.04 LTS 64bit
3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64
i7 @ 3.2 Ghz
24 GB RAM
GeForce GTX 560 Ti

From Google Chrome:
Uncaught TypeError: Cannot read property 'style' of null fokus.js:78
capable fokus.js:78
initialize fokus.js:41
(anonymous function) fokus.js:374
(anonymous function)

When you scroll, the box stays where the selected element was. The box should stay over the original element, or unfokus.

Cool idea, just want to make it better.

I am trying to use your code with Reveal.js and the position coming wierdly.

I know that this is just a first release but just to inform in-case if you get time to look into this, this can be a bingo. Because this is where Fokus would require - to highlight the content most 👍

Thanks.