2022-02-23 20:33:03 +00:00
|
|
|
(function () {
|
2021-07-15 09:51:12 +00:00
|
|
|
const className = 'js-reel';
|
2021-06-08 14:43:43 +00:00
|
|
|
const reels = Array.from(document.querySelectorAll(`.${className}`));
|
2022-02-23 20:33:03 +00:00
|
|
|
const toggleOverflowClass = elem => {
|
2021-06-08 14:43:43 +00:00
|
|
|
elem.classList.toggle('js-reel_overflowing', elem.scrollWidth > elem.clientWidth);
|
|
|
|
};
|
|
|
|
|
|
|
|
for (let reel of reels) {
|
|
|
|
if ('ResizeObserver' in window) {
|
|
|
|
new ResizeObserver(entries => {
|
|
|
|
toggleOverflowClass(entries[0].target);
|
|
|
|
}).observe(reel);
|
|
|
|
}
|
|
|
|
|
|
|
|
if ('MutationObserver' in window) {
|
|
|
|
new MutationObserver(entries => {
|
|
|
|
toggleOverflowClass(entries[0].target);
|
2022-02-24 21:31:58 +00:00
|
|
|
}).observe(reel, { childList: true });
|
2021-06-08 14:43:43 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
})();
|