2021-06-08 14:43:43 +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}`));
|
|
|
|
const toggleOverflowClass = (elem) => {
|
|
|
|
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);
|
|
|
|
}).observe(reel, {childList: true});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})();
|