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
How to make custom element responsive Ask the community code , design , question	1	28	July 18, 2025
Show/hide elements based on Screen size Ask the community code , question	7	2198	October 17, 2020
How to make my site element adjust itself on resizing browser Ask the community code , question	3	756	August 2, 2020
onResize Event handler for page/document/window Ask the community code	1	209	May 5, 2018
Generic DOM Access Ask the community code	1	79	March 1, 2020

Feature Request: event listener that detects screen size change

Related topics