Skip to content

A React component that optimizes fullscreen behavior across mobile browsers (Safari, Chrome, etc.) by hiding the phone status bar and displaying a "swipe up" prompt when the user needs to scroll further. It automatically adapts to both portrait and landscape orientations and ensures a seamless fullscreen experience.

Notifications You must be signed in to change notification settings

mirmashhouri/fullscreen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fullscreen Swipe-Up Component

A React-based fullscreen component designed to ensure a seamless fullscreen experience across all major browsers, including Safari and Chrome. It hides the phone status bar and provides a "swipe up" prompt when the user needs to scroll further.

Features

  • Fullscreen Optimization: Resolves fullscreen issues in mobile browsers by dynamically adjusting dimensions and hiding the phone status bar.
  • Responsive Design: Automatically adapts to portrait and landscape orientations.
  • "Swipe Up" Prompt: Guides users to swipe up when below the threshold height.
  • Cross-Browser Compatibility: Works flawlessly on modern browsers, including Safari, Chrome, and Edge.

About

A React component that optimizes fullscreen behavior across mobile browsers (Safari, Chrome, etc.) by hiding the phone status bar and displaying a "swipe up" prompt when the user needs to scroll further. It automatically adapts to both portrait and landscape orientations and ensures a seamless fullscreen experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published