Native Full Screen Controls Stop Working After Using Custom Full Screen Button

[amitrai55]

Current Behavior

When using a custom full screen button to enable full screen mode in the browser, the native full screen controls (such as the browser’s built-in full screen exit button) become non-functional. This issue prevents users from using the browser’s native controls to exit full screen mode.

Expected Behavior

After clicking the custom full screen button to enable full screen mode, the browser’s native full screen controls should remain functional. Users should be able to use the native controls to exit full screen mode or interact with full screen features as they normally would.

Steps to Reproduce

1. Add a custom full screen button to your implementation of react-player.
2. Click the custom full screen button to enter full screen mode.
3. Try to use the browser’s native full screen controls (such as the full screen exit button) while in full screen mode.

Environment

• Browser: Google Chrome, Safari
• Operating system: macOS

[aman-jat-maai]

+1