From a8e27d9728ea84db0c532c9a3e678f7d0ad11c70 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 28 Apr 2020 16:14:46 -0400
Subject: [PATCH] Remove position sticky in ie11 mode

---
 __tests__/fixtures/tailwind-output-ie11.css | 20 --------------------
 src/plugins/position.js                     | 10 ++++++++--
 2 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
index 340f7f4bd..e04a8f29e 100644
--- a/__tests__/fixtures/tailwind-output-ie11.css
+++ b/__tests__/fixtures/tailwind-output-ie11.css
@@ -8188,10 +8188,6 @@ video {
   position: relative;
 }
 
-.sticky {
-  position: sticky;
-}
-
 .inset-0 {
   top: 0;
   right: 0;
@@ -19295,10 +19291,6 @@ video {
     position: relative;
   }
 
-  .sm\:sticky {
-    position: sticky;
-  }
-
   .sm\:inset-0 {
     top: 0;
     right: 0;
@@ -30403,10 +30395,6 @@ video {
     position: relative;
   }
 
-  .md\:sticky {
-    position: sticky;
-  }
-
   .md\:inset-0 {
     top: 0;
     right: 0;
@@ -41511,10 +41499,6 @@ video {
     position: relative;
   }
 
-  .lg\:sticky {
-    position: sticky;
-  }
-
   .lg\:inset-0 {
     top: 0;
     right: 0;
@@ -52619,10 +52603,6 @@ video {
     position: relative;
   }
 
-  .xl\:sticky {
-    position: sticky;
-  }
-
   .xl\:inset-0 {
     top: 0;
     right: 0;
diff --git a/src/plugins/position.js b/src/plugins/position.js
index 2e8d42b72..4a981fd7c 100644
--- a/src/plugins/position.js
+++ b/src/plugins/position.js
@@ -1,12 +1,18 @@
 export default function() {
-  return function({ addUtilities, variants }) {
+  return function({ addUtilities, variants, target }) {
     addUtilities(
       {
         '.static': { position: 'static' },
         '.fixed': { position: 'fixed' },
         '.absolute': { position: 'absolute' },
         '.relative': { position: 'relative' },
-        '.sticky': { position: 'sticky' },
+        ...(target('position') === 'ie11'
+          ? {}
+          : {
+              '.sticky': {
+                position: 'sticky',
+              },
+            }),
       },
       variants('position')
     )