From e2c9af9b3d042ed108736452042c7e65e5abf713 Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Thu, 20 Oct 2022 15:26:28 +0300
Subject: [PATCH] fix(action-sheet): use clamp instead of max for sizing action
 sheet container

---
 packages/default/scss/action-sheet/_layout.scss | 4 ++--
 packages/fluent/scss/action-sheet/_layout.scss  | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/default/scss/action-sheet/_layout.scss b/packages/default/scss/action-sheet/_layout.scss
index 3a1d2524d58..f3e0b21cf68 100644
--- a/packages/default/scss/action-sheet/_layout.scss
+++ b/packages/default/scss/action-sheet/_layout.scss
@@ -4,8 +4,8 @@
     .k-actionsheet-container {
         width: 100%;
         height: 100%;
-        max-width: unquote("max(100%, 100vw)");
-        max-height: unquote("max(100%, 100vh)");
+        max-width: clamp(100vw, 100%, 100%);
+        max-height: clamp(100vh, 100%, 100%);
         position: fixed;
         top: 0;
         left: 0;
diff --git a/packages/fluent/scss/action-sheet/_layout.scss b/packages/fluent/scss/action-sheet/_layout.scss
index 3a0f4ceda3a..fc5d95d66f4 100644
--- a/packages/fluent/scss/action-sheet/_layout.scss
+++ b/packages/fluent/scss/action-sheet/_layout.scss
@@ -5,8 +5,9 @@
     .k-actionsheet-container {
         width: 100%;
         height: 100%;
-        max-width: unquote("max(100%, 100vw)");
-        max-height: unquote("max(100%, 100vh)");
+        // TODO: use max when we drop less themes
+        max-width: clamp(100vw, 100%, 100%);
+        max-height: clamp(100vh, 100%, 100%);
         position: fixed;
         top: 0;
         left: 0;