From 352c80b8b61cbc510038974120d8bb7c68b3d7a9 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Tue, 19 Nov 2019 15:33:59 -0500
Subject: [PATCH] fix(icon): include chevron icons in flipRtl (#740)

* include new chevron in fliprtl'

* add test
---
 src/components/icon/icon.tsx |  2 +-
 src/index.html               | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index ce5d0a937..ea801be61 100755
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -142,7 +142,7 @@ export class Icon {
 
   render() {
     const mode = this.mode || 'md';
-    const flipRtl = this.flipRtl || (this.ariaLabel && this.ariaLabel.indexOf('arrow') > -1 && this.flipRtl !== false);
+    const flipRtl = this.flipRtl || (this.ariaLabel && (this.ariaLabel.indexOf('arrow') > -1 || this.ariaLabel.indexOf('chevron') > -1) && this.flipRtl !== false);
 
     return (
       <Host role="img" class={{
diff --git a/src/index.html b/src/index.html
index 88ac3132c..d76d21e1a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -109,6 +109,18 @@ <h2>Un-flip: arrows</h2>
   <ion-icon name="arrow-down" flip-rtl="false"></ion-icon>
   <ion-icon name="arrow-back" flip-rtl="false"></ion-icon>
 
+  <h2>Auto Flip: chevrons</h2>
+  <ion-icon name="chevron-up"></ion-icon>
+  <ion-icon name="chevron-forward"></ion-icon>
+  <ion-icon name="chevron-down"></ion-icon>
+  <ion-icon name="chevron-back"></ion-icon>
+
+  <h2>Un-flip: chevrons</h2>
+  <ion-icon name="chevron-up" flip-rtl="false"></ion-icon>
+  <ion-icon name="chevron-forward" flip-rtl="false"></ion-icon>
+  <ion-icon name="chevron-down" flip-rtl="false"></ion-icon>
+  <ion-icon name="chevron-back" flip-rtl="false"></ion-icon>
+
   <p>
     <a href="./cheatsheet.html">Cheatsheet</a>
   </p>