mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-22 16:18:08 +02:00
Code Activity

[Editor] Don't show the alt-text button when the alt-text dialog is visible

Browse source 
This way, the button doens't cover the image.
This commit is contained in:
Calixte Denizet 2023-09-25 17:25:08 +02:00
parent f5367f01ca
commit eebd251552
3 changed files with 51 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/display/editor/editor.js
View file

@ -45,6 +45,8 @@ class AnnotationEditor {
#altTextTooltipTimeout = null;
#altTextWasFromKeyBoard = false;
#keepAspectRatio = false;
#resizersDiv = null;
@ -840,18 +842,17 @@ class AnnotationEditor {
altText.tabIndex = "0";
altText.addEventListener("contextmenu", noContextMenu);
altText.addEventListener("pointerdown", event => event.stopPropagation());
altText.addEventListener(
"click",
event => {
event.preventDefault();
this._uiManager.editAltText(this);
},
{ capture: true }
);
const onClick = event => {
this.#altTextButton.hidden = true;
event.preventDefault();
this._uiManager.editAltText(this);
};
altText.addEventListener("click", onClick, { capture: true });
altText.addEventListener("keydown", event => {
if (event.target === altText && event.key === "Enter") {
event.preventDefault();
this._uiManager.editAltText(this);
this.#altTextWasFromKeyBoard = true;
onClick(event);
}
});
this.#setAltTextButtonState();
@ -877,12 +878,13 @@ class AnnotationEditor {
this.#altTextTooltip?.remove();
return;
}
button.classList.add("done");
AnnotationEditor._l10nPromise
.get("editor_alt_text_edit_button_label")
.then(msg => {
button.setAttribute("aria-label", msg);
});
let tooltip = this.#altTextTooltip;
if (!tooltip) {
this.#altTextTooltip = tooltip = document.createElement("span");
@ -916,7 +918,6 @@ class AnnotationEditor {
this.#altTextTooltip?.classList.remove("show");
});
}
button.classList.add("done");
tooltip.innerText = this.#altTextDecorative
? await AnnotationEditor._l10nPromise.get(
"editor_alt_text_decorative_tooltip"
@ -939,6 +940,15 @@ class AnnotationEditor {
this.#altTextButton.disabled = !enabled;
}
altTextFinish() {
if (!this.#altTextButton) {
return;
}
this.#altTextButton.hidden = false;
this.#altTextButton.focus({ focusVisible: this.#altTextWasFromKeyBoard });
this.#altTextWasFromKeyBoard = false;
}
getClientDimensions() {
return this.div.getBoundingClientRect();
}