Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-fixed-bottom

1.0.6 • Public • Published

react-fixed-bottom

React component to make fixed:bottom styles usable in Safari mobile.

Features

  • Set the CSS properties of the wrapped children to:
{
  position: 'fixed';
  bottom: offset;
}
  • Safari mobile user agent detection
  • Reacts to Safari mobile overflow bar display. If the bar hides a fixed bottom element, it is repositioned so it becomes visible in its expected position.

API

The component accepts two props:

  • children a single React element to reposition when the Safari overflow bar appears.
  • offset expected offset in px from the bottom of the viewport.

Contributing

Fork the main repo and submit PRs

Install

npm i react-fixed-bottom

DownloadsWeekly Downloads

12,711

Version

1.0.6

License

MIT

Unpacked Size

93.8 kB

Total Files

23

Last publish

Collaborators

  • avatar
  • avatar
  • avatar