Being able to respond to screen size change would enable using breakpoints for responsive layouts. Currently it is possible to get window size using wixWindow.getBoundingRec(). However there is no way to set an onChangeListener on the object returned by getBoundingRec() - that means the only way to …

// Public/custom-elements/Size.js: class Size extends HTMLElement { connectedCallback() { window.onresize = () => { this.dispatchEvent( new CustomEvent('changed', {detail: {h: window.innerHeight, w: window.innerWidth}} ) ) } } }…

Feature Request: event listener that detects screen size change

Ask the community

nailvision-ai November 19, 2022, 4:11pm 5

Can you give a concrete example on how to add an event listener to a Custom-Element?

Collapsing menu into hamburger menu

Topic		Replies	Views
onResize Event handler for page/document/window Ask the community code	1	181	May 5, 2018
Show/hide elements based on Screen size Ask the community code , question	7	2126	October 17, 2020
How to create a Detection System to Detect Screen Sizes? Ask the community code , question	1	1571	October 19, 2018
Detecting Scroll Event - user is or is not scrolling Ask the community code	3	161	October 17, 2024
Custom Element Interaction with Browser Scroll Ask the community code , wix , question	1	49	July 4, 2024

Feature Request: event listener that detects screen size change

Related topics