Add transition-behavior utilities

Author: lukewarlow

src/corePlugins.js

@@ -2860,6 +2860,12 @@ export let corePlugins = {
     )
   },
 
+  transitionBehavior: ({ addUtilities }) => {
+    addUtilities({
+      '.transition-allow-discrete': { 'transition-behavior': 'allow-discrete' },
+      '.transition-behavior-normal': { 'transition-behavior': 'normal' },
+    })
+  },
   transitionDelay: createUtilityPlugin('transitionDelay', [['delay', ['transitionDelay']]]),
   transitionDuration: createUtilityPlugin(
     'transitionDuration',

tests/plugins/transitionBehavior.js

@@ -0,0 +1,10 @@
+import { css, quickPluginTest } from '../util/run'
+
+quickPluginTest('transitionBehavior').toMatchFormattedCss(css`
+  .transition-allow-discrete {
+    transition-behavior: allow-discrete;
+  }
+  .transition-behavior-normal {
+    transition-behavior: normal;
+  }
+`)