ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Teact: Fix rendering role and aria-* attributes

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-12-10 18:32:24 +01:00
parent 124d23aca8
commit 27b3cdbd6f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/teact/teact-dom.ts
View File

@ -22,7 +22,7 @@ type VirtualDomHead = {
}; };
const FILTERED_ATTRIBUTES = new Set(['key', 'ref', 'teactFastList', 'teactOrderKey']); const FILTERED_ATTRIBUTES = new Set(['key', 'ref', 'teactFastList', 'teactOrderKey']);
const HTML_ATTRIBUTES = new Set(['dir']); const HTML_ATTRIBUTES = new Set(['dir', 'role']);
const MAPPED_ATTRIBUTES: { [k: string]: string } = { const MAPPED_ATTRIBUTES: { [k: string]: string } = {
autoPlay: 'autoplay', autoPlay: 'autoplay',
autoComplete: 'autocomplete', autoComplete: 'autocomplete',
@ -435,7 +435,7 @@ function setAttribute(element: HTMLElement, key: string, value: any) {
element.innerHTML = value.__html; element.innerHTML = value.__html;
} else if (key.startsWith('on')) { } else if (key.startsWith('on')) {
addEventListener(element, key, value, key.endsWith('Capture')); addEventListener(element, key, value, key.endsWith('Capture'));
} else if (key.startsWith('data-') || HTML_ATTRIBUTES.has(key)) { } else if (key.startsWith('data-') || key.startsWith('aria-') || HTML_ATTRIBUTES.has(key)) {
element.setAttribute(key, value); element.setAttribute(key, value);
} else if (!FILTERED_ATTRIBUTES.has(key)) { } else if (!FILTERED_ATTRIBUTES.has(key)) {
(element as any)[MAPPED_ATTRIBUTES[key] || key] = value; (element as any)[MAPPED_ATTRIBUTES[key] || key] = value;
@ -453,7 +453,7 @@ function removeAttribute(element: HTMLElement, key: string, value: any) {
element.innerHTML = ''; element.innerHTML = '';
} else if (key.startsWith('on')) { } else if (key.startsWith('on')) {
removeEventListener(element, key, value, key.endsWith('Capture')); removeEventListener(element, key, value, key.endsWith('Capture'));
} else if (key.startsWith('data-') || HTML_ATTRIBUTES.has(key)) { } else if (key.startsWith('data-') || key.startsWith('aria-') || HTML_ATTRIBUTES.has(key)) {
element.removeAttribute(key); element.removeAttribute(key);
} else if (!FILTERED_ATTRIBUTES.has(key)) { } else if (!FILTERED_ATTRIBUTES.has(key)) {
delete (element as any)[MAPPED_ATTRIBUTES[key] || key]; delete (element as any)[MAPPED_ATTRIBUTES[key] || key];