Skip to content

C
coopwire-hypothesis
Commit 495e4e2e authored by Robert Knight's avatar Robert Knight
Browse files
Options

Make `enterTimeout` and `container` instance properties

parent d1908496
Hide whitespace changes
Inline Side-by-side
Showing with 7 additions and 6 deletions
src/annotator/adder.js
View file @ 495e4e2e
......@@ -132,6 +132,7 @@ class Adder {
*/
constructor(container, options) {
this.element = createAdderDOM(container);
this._container = container;
// Set initial style
Object.assign(container.style, {
......@@ -151,7 +152,7 @@ class Adder {
this.element.style.visibility = 'hidden';
var view = this.element.ownerDocument.defaultView;
var enterTimeout;
this._enterTimeout = null;
var handleCommand = (event) => {
event.preventDefault();
......@@ -178,7 +179,7 @@ class Adder {
/** Hide the adder */
this.hide = () => {
clearTimeout(enterTimeout);
clearTimeout(this._enterTimeout);
this.element.className = classnames({'annotator-adder': true});
this.element.style.visibility = 'hidden';
};
......@@ -268,17 +269,17 @@ class Adder {
// Typically the adder is a child of the `<body>` and the NPA is the root
// `<html>` element. However page styling may make the `<body>` positioned.
// See https://github.com/hypothesis/client/issues/487.
var positionedAncestor = nearestPositionedAncestor(container);
var positionedAncestor = nearestPositionedAncestor(this._container);
var parentRect = positionedAncestor.getBoundingClientRect();
Object.assign(container.style, {
Object.assign(this._container.style, {
top: toPx(top - parentRect.top),
left: toPx(left - parentRect.left),
});
this.element.style.visibility = 'visible';
clearTimeout(enterTimeout);
enterTimeout = setTimeout(() => {
clearTimeout(this._enterTimeout);
this._enterTimeout = setTimeout(() => {
this.element.className += ' is-active';
}, 1);
};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment