Can't open example on detecting device orientation page · mdn/content#38423

(3 comments) (0 reactions) (0 assignees)Markdown (8,900 stars) (22,427 forks)batch import

Content:WebAPIarea: Device Orientationhelp wanted

Description

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation

What specific section or headline is this issue about?

Can't open example on android phone

What information was incorrect, unhelpful, or incomplete?

From the mobile browser Google Chrome I can't access the example. After clicking on the “continue” button nothing happens. The example works in the Firefox browser

What did you expect to see?

Orientation example

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Folder: en-us/web/api/device_orientation_events/detecting_device_orientation
MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation
GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/device_orientation_events/detecting_device_orientation/index.md
Last commit: https://github.com/mdn/content/commit/6d4f585b94068dc0dfd733047fb2229dca38b1eb
Document last modified: 2023-12-15T13:47:20.000Z

Contributor guide

Tech stack: javascripthtmlcss
Domain: documentationfrontend
Issue type: bug
Difficulty: 2
Estimated time: under 1 hour
Activity status: fresh
Clarity: mostly clear
Prerequisites: Basic knowledge of JavaScriptUnderstanding of DeviceOrientation APIAccess to Android device/emulator
Newbie friendliness: 70
Research direction: First, locate the example code in the MDN page (likely in the index.md file under the specified folder). Check if the example uses the DeviceOrientationEvent.requestPermission() method, which is required in Chrome on Android. The issue mentions that clicking 'continue' does nothing, suggesting a missing permission prompt or handling. Test the example in Chrome on Android and compare with Firefox. The fix may involve adding a permission request button or adjusting the existing 'continue' button to trigger the permission prompt. Look at similar MDN examples for reference. The repository is at https://github.com/mdn/content; the specific file is at files/en us/web/api/device orientation events/detecting device orientation/index.md.