React component to make fixed:bottom styles usable in Safari mobile.
- 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.
The component accepts two props:
childrena single React element to reposition when the Safari overflow bar appears.
offsetexpected offset in
pxfrom the bottom of the viewport.
Fork the main repo and submit PRs