react-bottom-fixed/lib/cjs/index.css

A React component for iOS that keeps your bottom-positioned elements fixed and safely visible, automatically adjusting their positions when viewport changes (e.g., virtual keyboard appearance).

.rbf-bottom-fixed-area {
  opacity: 1;
  position: fixed;
  bottom: 0;
  will-change: transform;
  transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}

.rbf-bottom-fixed-area.rbf-hide {
  opacity: 0;
  pointer-events: none;
}