You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
It appears the binding on the window for outerWidth doesn't update when you maximize the window, or go fullscreen. Note that this doesn't happen on all browsers. It appears certain actions simply don't trigger outerWidth to update. More specifically, if I run <svelte:window bind:outerWidth />, I do not see it update if I fullscreen or maximize the window.
I'm on a Mac, and I find this happening only on specific browers: Chrome and Safari. It appears it cannot be reproduced on Firefox.
I've noticed it's actually only semi-consistent on Chrome, but it 100% consistent on Safari.
To Reproduce
Use either Safari or Chrome (It's easily repro'd on Safari)
Manually resize the window to about half your screen. Take note of the OuterWidth value
Either Fullscreen the window (On Mac, you would hit the green Fullscreen button in the top left), or maximize the window by double clicking the window's chrome
Notice that the OuterWidth value has not updated, but all other window bindings have.
Expected behavior
The outer width successfully updates for maximize and fullscreen operations
Information about your Svelte project:
Your browser and the version: Chrome 89.0.4389.90, Safari 14.0.3
Your operating system: OS X 10.15.7
Svelte version 3.35.0
Severity
Not too severe. There's an easy workaround to just listen for media query changes. Alternatively, innerWidth updates fine, so you could arguably react to innerWidth, and simply read window.outerWidth at that time with something like:
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Describe the bug
It appears the binding on the window for
outerWidth
doesn't update when you maximize the window, or go fullscreen. Note that this doesn't happen on all browsers. It appears certain actions simply don't trigger outerWidth to update. More specifically, if I run<svelte:window bind:outerWidth />
, I do not see it update if I fullscreen or maximize the window.I'm on a Mac, and I find this happening only on specific browers: Chrome and Safari. It appears it cannot be reproduced on Firefox.
I've noticed it's actually only semi-consistent on Chrome, but it 100% consistent on Safari.
To Reproduce
Expected behavior
The outer width successfully updates for maximize and fullscreen operations
Information about your Svelte project:
Your browser and the version: Chrome 89.0.4389.90, Safari 14.0.3
Your operating system: OS X 10.15.7
Svelte version 3.35.0
Severity
Not too severe. There's an easy workaround to just listen for media query changes. Alternatively, innerWidth updates fine, so you could arguably react to innerWidth, and simply read window.outerWidth at that time with something like:
Additional context
I'm happy to try and fix it myself but I'm not quite sure where this specific code lives
The text was updated successfully, but these errors were encountered: