Merge d778b1c into 250adf5

vtex-apps · Sep 6, 2019 · 38b1516 · 38b1516
2 parents 250adf5 + d778b1c
commit 38b1516
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/CHANGELOG.md b/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

diff --git a/react/components/StickyRow.tsx b/react/components/StickyRow.tsx
@@ -11,15 +11,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 ? `sticky ${!zIndex ? 'z-999' : ''}` : ''}
     >
       {children}