How to get the browser screen size (width, height) in Phoenix LiveView

[ericwikman]

not trying to re-open an old post, but if someone ends up here trying to figure out how to accomplish this, I did do something basically like this via a phx-hook described in this post:

LiveView sending more data than expected

I’ve been trying to troubleshoot this issue, but I think I might have a fundamental misunderstanding of what is expected and maybe what I’m seeing is what is expected. I assign a list of rows where each row is made up of a list of maps that represent the individual cells. Everything looks good in the UI, and updates as expected, but when I enableDebug on the liveSocket it looks like the entire interior of the table is being sent down the websocket when any change is made, not just the changed c…

There are three pieces to it:

• div called page_resize
• hook called PageResize
• handle_event called page-resize

Now that alpinejs works with LiveView I think it would be possible to do with that as well, but I was unable to get the .window modifier to work with LiveView.