From ce7183ef9c805f236817ba9df0a84808d384929b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Sun, 15 Oct 2023 15:47:22 +0200
Subject: [PATCH] Fixed: Search suggestion popout was clipped on mobile

---
 TangerineUI-purple.css                                         | 3 +++
 TangerineUI.css                                                | 3 +++
 .../styles/tangerineui-purple/layout-single-column.scss        | 3 +++
 .../javascript/styles/tangerineui/layout-single-column.scss    | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 51ffe7b..d7e13e6 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -251,6 +251,9 @@ body.layout-single-column  {
     flex: unset;
     height: auto;
 }
+.layout-single-column .columns-area--mobile .column:focus-within {
+    overflow: visible;
+}
 .layout-single-column .scrollable,
 .layout-single-column .column > .scrollable {
     max-height: max-content;
diff --git a/TangerineUI.css b/TangerineUI.css
index 68153fa..800d8ed 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -251,6 +251,9 @@ body.layout-single-column  {
     flex: unset;
     height: auto;
 }
+.layout-single-column .columns-area--mobile .column:focus-within {
+    overflow: visible;
+}
 .layout-single-column .scrollable,
 .layout-single-column .column > .scrollable {
     max-height: max-content;
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index 51ffe7b..d7e13e6 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -251,6 +251,9 @@ body.layout-single-column  {
     flex: unset;
     height: auto;
 }
+.layout-single-column .columns-area--mobile .column:focus-within {
+    overflow: visible;
+}
 .layout-single-column .scrollable,
 .layout-single-column .column > .scrollable {
     max-height: max-content;
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 68153fa..800d8ed 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -251,6 +251,9 @@ body.layout-single-column  {
     flex: unset;
     height: auto;
 }
+.layout-single-column .columns-area--mobile .column:focus-within {
+    overflow: visible;
+}
 .layout-single-column .scrollable,
 .layout-single-column .column > .scrollable {
     max-height: max-content;