Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove deprecated methods from managing_screen_orientation #20295

Merged
merged 4 commits into from
Sep 5, 2022
Merged

Remove deprecated methods from managing_screen_orientation #20295

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
04cdd68
Remove deprecated methods from managing_screen_orientation
Tolhos Sep 4, 2022
fa34937
Fix problems
sideshowbarker Sep 5, 2022
9afe548
Further improvements
sideshowbarker Sep 5, 2022
cbb5a9e
Fix the Promise xref
sideshowbarker Sep 5, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 4 additions & 6 deletions files/en-us/web/api/css_object_model/managing_screen_orientation/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,12 +152,12 @@ screen.addEventListener("orientationchange", () => {

### Preventing orientation change

Any web application can lock the screen to suits its own needs. The screen is locked using the {{domxref("Screen.lockOrientation()")}} method and unlocked using the {{domxref("Screen.unlockOrientation()")}}.
Any web application can lock the screen to suits its own needs. The screen is locked using the {{domxref("ScreenOrientation.lock()")}} method and unlocked using the {{domxref("Screen.orientation.unlock()")}}.

The {{domxref("Screen.lockOrientation()")}} accepts a string (or series of strings) to define the kind of lock to apply. Accepted values are: `portrait-primary`, `portrait-secondary`, `landscape-primary`, `landscape-secondary`, `portrait`, `landscape` (See {{domxref("Screen.lockOrientation")}} to know more about each of those values).
The {{domxref("ScreenOrientation.lock()")}} accepts a string (or series of strings) to define the kind of lock to apply. Accepted values are: `any`, `natural`. `portrait-primary`, `portrait-secondary`, `landscape-primary`, `landscape-secondary`, `portrait`, `landscape` (See {{domxref("ScreenOrientation.lock")}} to know more about each of those values). It returns a {{domxref("promise")}} that resolves after the lock succeeds.

```js
screen.lockOrientation('landscape');
ScreenOrientation.lock('landscape');
```

> **Note:** A screen lock is web application dependent. If application A is locked to `landscape` and application B is locked to `portrait`, switching from application A to B or B to A will not fire an {{domxref("Window.orientationchange_event", "orientationchange")}} event because both applications will keep the orientation they had.
Expand All @@ -166,9 +166,7 @@ screen.lockOrientation('landscape');

## See also

- {{domxref("Screen.orientation")}}
- {{domxref("Screen.lockOrientation()")}}
- {{domxref("Screen.unlockOrientation()")}}
- {{domxref("ScreenOrientation")}}
- {{DOMxRef("Screen.orientationchange_event", "orientationchange")}} event
- [The orientation media query](/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#orientation)
- [A short introduction to media queries in Firefox 3.5](https://hacks.mozilla.org/2009/06/media-queries/)