Merge fa3aa76 into 250adf5

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Fix iOS issue where `sticky` would not work.
 
 ## [2.21.6] - 2019-09-04
 ### Changed

react/components/StickyRow.css

@@ -0,0 +1,4 @@
+.positionSticky {
+  position: -webkit-sticky;
+  position: sticky;
+}

react/components/StickyRow.tsx

@@ -1,6 +1,7 @@
 import React, { FunctionComponent, useContext, CSSProperties } from 'react'
 import ReactResizeDetector from 'react-resize-detector'
 import { RowContext } from './StickyRows'
+import { positionSticky } from './StickyRow.css'
 
 interface Props {
   sticky?: boolean
@@ -11,15 +12,14 @@ const StickyRow: FunctionComponent<Props> = ({ children, sticky, zIndex }) => {
   const { offset, onResize } = useContext(RowContext)
 
   const stickyStyle: CSSProperties = {
-    position: 'sticky',
     top: offset,
     zIndex,
   }
 
   return (
     <div
       style={sticky ? stickyStyle : undefined}
-      className={sticky && !zIndex ? 'z-999' : ''}
+      className={sticky ? `${positionSticky} ${!zIndex ? 'z-999' : ''}` : ''}
     >
       {children}