Add minimum polyfill to support "relative-time-element" in PaleMoon (#26575) (#26578)

Backport #26575 by @wxiaoguang

Close #26525

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
(cherry picked from commit 1f29cfa68313c982497d09ef1b3b0fc5e5c9acba)
This commit is contained in:
Giteabot 2023-08-18 17:54:52 +08:00 committed by Earl Warren
parent 563fc65e35
commit c8f437b316
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
2 changed files with 19 additions and 0 deletions

View file

@ -0,0 +1,17 @@
try {
// some browsers like PaleMoon don't have full support for Intl.NumberFormat, so do the minimum polyfill to support "relative-time-element"
// https://repo.palemoon.org/MoonchildProductions/UXP/issues/2289
new Intl.NumberFormat('en', {style: 'unit', unit: 'minute'}).format(1);
} catch {
const intlNumberFormat = Intl.NumberFormat;
Intl.NumberFormat = function(locales, options) {
if (options.style === 'unit') {
return {
format(value) {
return ` ${value} ${options.unit}`;
}
};
}
return intlNumberFormat(locales, options);
};
}

View file

@ -1,3 +1,5 @@
import '@webcomponents/custom-elements'; // polyfill for some browsers like Pale Moon
import './polyfill.js';
import '@github/relative-time-element';
import './GiteaOriginUrl.js';