Cleo,
замените всё на это, свои селекторы только впишите.

window.addEventListener('load', () => {
            const items = document.querySelectorAll('.xitem');
            items.forEach(item => {
                item.addEventListener('click', (event) => {
                    if (event.target.closest('.tag')) {
                        let h = item.querySelector('.value').scrollHeight;
                        item.style.setProperty('--h', `${h}px`);
                        items.forEach(el => el == item ? el.classList.toggle('active') : el.classList.remove('active'))
                    }
                })
            })
        })

Событие orientationchange считается устаревшим и было реализовано только в Safari
https://developer.mozilla.org/en-US/...onchange_event
Попробуйте использовать событие resize.

большое спасибо ^_^