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

[Editor] Tweak the save flow in the alt-text dialog

Browse source 
When the user edit an existing alt-text and remove it, we want to be able
to save this state and consequently remove the done state from the
alt-text button.
Remove the button from its parent when the editor is removed: it should
help to save few Kb of memory.
This commit is contained in:
Calixte Denizet 2023-09-22 09:43:19 +02:00
parent 3f859f76e6
commit 050093c9f5
2 changed files with 30 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -822,18 +822,17 @@ class AnnotationEditor {
this.fixAndSetPosition();
}
addAltTextButton() {
async addAltTextButton() {
if (this.#altTextButton) {
return;
}
const altText = (this.#altTextButton = document.createElement("button"));
altText.className = "altText";
AnnotationEditor._l10nPromise
.get("editor_alt_text_button_label")
.then(msg => {
altText.textContent = msg;
altText.setAttribute("aria-label", msg);
});
const msg = await AnnotationEditor._l10nPromise.get(
"editor_alt_text_button_label"
);
altText.textContent = msg;
altText.setAttribute("aria-label", msg);
altText.tabIndex = "0";
altText.addEventListener(
"click",
@ -864,7 +863,12 @@ class AnnotationEditor {
async #setAltTextButtonState() {
const button = this.#altTextButton;
if (!button || (!this.#altTextDecorative && !this.#altText)) {
if (!button) {
return;
}
if (!this.#altText && !this.#altTextDecorative) {
button.classList.remove("done");
this.#altTextTooltip?.remove();
return;
}
AnnotationEditor._l10nPromise
@ -879,7 +883,6 @@ class AnnotationEditor {
tooltip.className = "tooltip";
tooltip.setAttribute("role", "tooltip");
const id = (tooltip.id = `alt-text-tooltip-${this.id}`);
button.append(tooltip);
button.setAttribute("aria-describedby", id);
const DELAY_TO_SHOW_TOOLTIP = 100;
@ -911,6 +914,10 @@ class AnnotationEditor {
"editor_alt_text_decorative_tooltip"
)
: this.#altText;
if (!tooltip.parentNode) {
button.append(tooltip);
}
}
getClientDimensions() {
@ -1238,6 +1245,12 @@ class AnnotationEditor {
} else {
this._uiManager.removeEditor(this);
}
// The editor is removed so we can remove the alt text button and if it's
// restored then it's up to the subclass to add it back.
this.#altTextButton?.remove();
this.#altTextButton = null;
this.#altTextTooltip = null;
}
/**