alex/yomichan
1
Fork 0
Code Releases Activity

Update how popup visibility works

Browse Source
This commit is contained in:
toasted-nutbread 2019-10-05 21:57:13 -04:00
parent 2255fadf52
commit cd6d4e7ee1
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
ext/fg/js/popup.js
View File

@ -34,6 +34,9 @@ class Popup {
this.container.style.height = '0px';
this.injectPromise = null;
this.isInjected = false;
this.visible = false;
this.visibleOverride = null;
this.updateVisibility();
}
inject(options) {
@ -105,9 +108,11 @@ class Popup {
container.style.top = `${y}px`;
container.style.width = `${width}px`;
container.style.height = `${height}px`;
container.style.visibility = 'visible';
this.hideChildren(true);
this.setVisible(true);
if (this.child !== null) {
this.child.hide(true);
}
}
static getPositionForHorizontalText(elementRect, width, height, maxWidth, maxHeight, optionsGeneral) {
@ -209,41 +214,35 @@ class Popup {
}
hide(changeFocus) {
if (this.isContainerHidden()) {
changeFocus = false;
if (!this.isVisible()) {
return;
}
this.setVisible(false);
if (this.child !== null) {
this.child.hide(false);
}
this.hideChildren(changeFocus);
this.hideContainer();
if (changeFocus) {
this.focusParent();
}
}
hideChildren(changeFocus) {
// Recursively hides all children.
if (this.child !== null && !this.child.isContainerHidden()) {
this.child.hide(changeFocus);
}
}
hideContainer() {
this.container.style.visibility = 'hidden';
}
isContainerHidden() {
return (this.container.style.visibility === 'hidden');
}
isVisible() {
return this.isInjected && this.container.style.visibility !== 'hidden';
return this.isInjected && (this.visibleOverride !== null ? this.visibleOverride : this.visible);
}
setVisible(visible) {
this.visible = visible;
this.updateVisibility();
}
setVisibleOverride(visible) {
if (visible) {
this.container.style.setProperty('display', '');
} else {
this.container.style.setProperty('display', 'none', 'important');
this.visibleOverride = visible;
this.updateVisibility();
}
updateVisibility() {
this.container.style.setProperty('visibility', this.isVisible() ? 'visible' : 'hidden', 'important');
}
focusParent() {

2
ext/mixed/js/display.js
View File

@ -454,7 +454,7 @@ class Display {
return {dataUrl, format};
} finally {
await this.setPopupVisibleOverride(true);
await this.setPopupVisibleOverride(null);
}
}