From ab9128b4af085fe6be12d7a4215e8c9c290857d0 Mon Sep 17 00:00:00 2001
From: tobigumo <tobigumo@users.noreply.github.com>
Date: Thu, 17 Oct 2024 20:53:44 +0900
Subject: [PATCH 1/2] Update SearchingAndFilteringExample.tsx

---
 .../searching-and-filtering/SearchingAndFilteringExample.tsx     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/examples/searching-and-filtering/SearchingAndFilteringExample.tsx b/app/examples/searching-and-filtering/SearchingAndFilteringExample.tsx
index fd13f1fe0..96f3fb1cf 100644
--- a/app/examples/searching-and-filtering/SearchingAndFilteringExample.tsx
+++ b/app/examples/searching-and-filtering/SearchingAndFilteringExample.tsx
@@ -90,6 +90,7 @@ export function SearchingAndFilteringExample() {
               placeholder="Search departments…"
               onChange={setSelectedDepartments}
               leftSection={<IconSearch size={16} />}
+              comboboxProps={{ withinPortal: false }}
               clearable
               searchable
             />

From c2c4e0785027f3bc12576a55b3536b9e87ccb78f Mon Sep 17 00:00:00 2001
From: tobigumo <d03340+github@gmail.com>
Date: Thu, 17 Oct 2024 21:35:03 +0900
Subject: [PATCH 2/2] docs: Add guidance for rendering nested popovers in
 filter columns

---
 app/examples/searching-and-filtering/page.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/examples/searching-and-filtering/page.tsx b/app/examples/searching-and-filtering/page.tsx
index 020a5ba95..797597880 100644
--- a/app/examples/searching-and-filtering/page.tsx
+++ b/app/examples/searching-and-filtering/page.tsx
@@ -2,6 +2,7 @@ import { Code } from '@mantine/core';
 import type { Route } from 'next';
 import { PRODUCT_NAME } from '~/app/config';
 import { CodeBlock } from '~/components/CodeBlock';
+import { ExternalLink } from '~/components/ExternalLink';
 import { InternalLink } from '~/components/InternalLink';
 import { PageNavigation } from '~/components/PageNavigation';
 import { PageTitle } from '~/components/PageTitle';
@@ -32,6 +33,12 @@ export default async function SearchingAndFilteringExamplePage() {
       <SearchingAndFilteringExample />
       <Txt>The code for this example is as follows:</Txt>
       <CodeBlock code={code} />
+      <Txt idea>
+        To use the Mantine Component with a popover inside the filter column property, you need to render the child
+        properties without using a Portal. Please refer to the Mantine documentation on{' '}
+        <ExternalLink to="https://mantine.dev/core/popover/#nested-popovers">Nested Popovers</ExternalLink> for more
+        details.
+      </Txt>
       <Txt info title="Why no built-in “Excel-like” searching and filtering support?">
         You’ll often have to implement searching and filtering data in your projects.
         <br />