mobile-safari-fullscreen

0.0.1 • Public • Published

mobile-safari-fullscreen

Fix for mobile Safari fullscreen issue


Build Status Code Coverage version downloads MIT License

All Contributors PRs Welcome Code of Conduct

Watch on GitHub Star on GitHub Tweet

The problem

There is long standing bug in Mobile Safari https://bugs.webkit.org/show_bug.cgi?id=153852.

This solution

This React component implements solution described in https://www.eventbrite.com/engineering/mobile-safari-why/ e.g. it always shows top and bottom bars in the Mobile Safari.

Table of Contents

Installation

This module is distributed via npm which is bundled with node and should be installed as one of your project's dependencies:

npm install --save mobile-safari-fullscreen

Usage

import FullScreen from 'mobile-safari-fullscreen'
import styles from 'mobile-safari-fullscreen/index.module.css'
 
;<FullScreen classNames={styles} isOpen={isOpen}>
  <YourModalHere isOpen={isOpen} />
</FullScreen>

Inspiration

https://www.eventbrite.com/engineering/mobile-safari-why/

Other Solutions

I'm not aware of any, if you are please make a pull request and add it here!

Contributors

Thanks goes to these people (emoji key):


stereobooster

💻 📖 🚇 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

LICENSE

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i mobile-safari-fullscreen

Weekly Downloads

2,342

Version

0.0.1

License

MIT

Unpacked Size

13 kB

Total Files

6

Last publish

Collaborators

  • stereobooster