matchmedia Questions

Reactjs – React 18 – TypeError: Cannot read properties of undefined (reading 'matches')

October 10, 2024
Shane
2 Answers

I am getting the following error when testing using window.matchMedia. This runs fine in production and locally, it is only an issue during testing. I am using React 18 with vite. TypeError: Cannot read properties of undefined (reading 'matches') It…

VIEW QUESTION

How to detect browser viewport size change using JavaScript's matchMedia method?

July 9, 2023
Kiki-ko
2 Answers

How can I detect a change in viewport? The scripts: let vwChange = window.matchMedia("(min-width: 360px ) and (max-width: 765px )"); document.addEventListener("scroll", function(vwChange) { const headerChangek = document.querySelector(".footer_bottom_content"); if (window.scrollY < 3296) { headerChangek.classList.add("scrolledz"); } else { headerChangek.classList.remove("scrolledz"); } }) .footer_bottom_content…

VIEW QUESTION