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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@@ -157,13 157,10 @@ Gets triggered when user leaves the component.
## Gyroscope - Device Orientation
Please keep in mind that detecting device orientation is currently [experimental technology](https://developer.mozilla.org/en-US/docs/MDN/Contribute/Guidelines/Conventions_definitions#Experimental).
Check the [browser compatibility](https://caniuse.com/#search=DeviceOrientation) before using this in production.
Check the [browser compatibility](https://caniuse.com/#search=DeviceOrientation) before using it in production.
A few takeaways when using device orientation event:
- always use secure origins (such as `https`)
- if you're using VS Code, then you can
- use the in-built port-forwarding feature to expose your localhost to the internet and optionally change the protocol to `https`
- alternatively, use microsoft's [live-share](https://visualstudio.microsoft.com/services/live-share/) extension which supports [sharing server](https://learn.microsoft.com/en-us/visualstudio/liveshare/use/share-server-visual-studio-code#share-a-server) through a tunnel.
- it doesn't work in all browsers when using it in cross-origin `<iframe>` element
