From d6a25d08f7e390d0df69d536d16d0e3a91c3cf64 Mon Sep 17 00:00:00 2001
From: vladimirpotekhin <vladimir.potekh@gmail.com>
Date: Mon, 12 Feb 2024 15:55:45 +0300
Subject: [PATCH] fix(experimental): `SwipeActions` fix scrolling without
 actions

---
 .../swipe-action/examples/4/index.html            | 15 +++++++++------
 .../swipe-action/examples/4/index.less            |  1 +
 .../experimental/swipe-action/examples/4/index.ts |  1 +
 .../swipe-action/swipe-actions.style.less         |  4 ++++
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
index 241f943e4493..7b7fbabd6fd1 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
@@ -15,12 +15,7 @@
     </div>
 
     <button
-        iconLeft="tuiIconEye"
-        size="m"
-        tuiIconButton
-        tuiSwipeAction
-    ></button>
-    <button
+        *ngIf="editButton"
         iconLeft="tuiIconEdit3"
         size="m"
         tuiIconButton
@@ -44,3 +39,11 @@
     />
     Share button
 </label>
+<label>
+    <input
+        tuiCheckbox
+        type="checkbox"
+        [(ngModel)]="editButton"
+    />
+    Edit button
+</label>
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
index 9348c00bca8a..7f1f60c8ab65 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
@@ -15,6 +15,7 @@ button[tuiSwipeAction] {
 label {
     display: flex;
     align-items: center;
+    margin-top: 0.5rem;
 }
 
 input[type='checkbox'] {
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
index 3562a8b41eb8..b9d3f3727af7 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
@@ -11,4 +11,5 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 })
 export class TuiSwipeActionExample4 {
     shareButton = false;
+    editButton = true;
 }
diff --git a/projects/experimental/components/swipe-action/swipe-actions.style.less b/projects/experimental/components/swipe-action/swipe-actions.style.less
index ef17cc516d70..861a99902c2c 100644
--- a/projects/experimental/components/swipe-action/swipe-actions.style.less
+++ b/projects/experimental/components/swipe-action/swipe-actions.style.less
@@ -30,6 +30,10 @@
     align-items: center;
     transform-style: preserve-3d;
 
+    &:empty {
+        display: none;
+    }
+
     ::ng-deep & > * {
         .loop(6);
     }