React component to make fixed:bottom styles usable in Safari mobile
npm install react-fixed-bottom> React component to make fixed:bottom styles usable in Safari mobile.
- Set the CSS properties of the wrapped children to:
``javascript`
{
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:
- children a single React element to reposition when the Safari overflow bar appears.offset
- expected offset in px` from the bottom of the viewport.
Fork the main repo and submit PRs