From bca403c60a3406ec524d6a8e3e382b1f7eaca7f3 Mon Sep 17 00:00:00 2001
From: Philipp Rudloff <philipp.rudloff@konghq.com>
Date: Mon, 6 Nov 2023 13:49:45 +0100
Subject: [PATCH] fix(kslideout): content being taller than viewport when using
 props.offsetTop

Fixes the content area always as tall as the viewport when using `props.offsetTop` making it too tall.

Signed-off-by: Philipp Rudloff <philipp.rudloff@konghq.com>
---
 src/components/KSlideout/KSlideout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/KSlideout/KSlideout.vue b/src/components/KSlideout/KSlideout.vue
index ee14a7d097..2078059585 100644
--- a/src/components/KSlideout/KSlideout.vue
+++ b/src/components/KSlideout/KSlideout.vue
@@ -184,7 +184,7 @@ const offsetTopValue = computed((): string => {
     background-color: var(--kui-color-background, $kui-color-background);
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    height: calc(100vh - v-bind('offsetTopValue'));
     max-width: 500px;
     overflow-y: auto;
     position: fixed;