From f4e423d228324a04b7b47de03d826472f5dd7980 Mon Sep 17 00:00:00 2001
From: Emil Petrov <emil.petrov@progress.com>
Date: Thu, 17 Mar 2022 12:28:22 +0200
Subject: [PATCH] fix(floating-label): apply correct transitioning and
 alignment in rtl direction

---
 packages/default/scss/floating-label/_layout.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/default/scss/floating-label/_layout.scss b/packages/default/scss/floating-label/_layout.scss
index 37471ba205b..de5854e6769 100644
--- a/packages/default/scss/floating-label/_layout.scss
+++ b/packages/default/scss/floating-label/_layout.scss
@@ -70,6 +70,7 @@
 
             > .k-label {
                 transform-origin: right center;
+                transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
             }
 
             &.k-state-empty,
@@ -86,7 +87,7 @@
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }
-            &:focus-within {
+            &:focus-within > .k-label {
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }