canastack-admin
/
sw-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix search suggestions dropdown visibility 

- Add top: 100% to dropdown to position below search bar
- Increase z-index to 9000 to ensure visibility above map elements
- Add overflow: visible to parent containers to prevent clipping

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Your Name 2026-01-26 01:27:50 +00:00
parent ce76c57902
commit afd620da68
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/map.css
View File

@ -178,6 +178,7 @@
max-width: min(980px, calc(100vw - 24px)); max-width: min(980px, calc(100vw - 24px));
width:100%; width:100%;
z-index: 850; /* Above FAB (820) but below modals (9999) */ z-index: 850; /* Above FAB (820) but below modals (9999) */
overflow:visible;
} }
@ -1255,6 +1256,7 @@ body[data-theme="light"] .sw-search-clear{
justify-content:space-between; justify-content:space-between;
gap:0.75rem; gap:0.75rem;
width:100%; width:100%;
overflow:visible;
} }
/* ✅ Search = prend tout, icônes juste ce qu’il faut */ /* ✅ Search = prend tout, icônes juste ce qu’il faut */

5
src/styles/smartSearchBar.css
View File

@ -37,6 +37,7 @@ body[data-theme="light"] {
max-width: 580px; max-width: 580px;
flex: 1 1 auto; flex: 1 1 auto;
min-width: 0; min-width: 0;
overflow: visible;
} }
.sw-search-row{ .sw-search-row{
@ -46,6 +47,7 @@ body[data-theme="light"] {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: visible;
} }
.sw-search__side{ .sw-search__side{
@ -185,7 +187,8 @@ body[data-theme="light"] {
.sw-search__dropdown { .sw-search__dropdown {
position: absolute; position: absolute;
z-index: 850; z-index: 9000;
top: 100%;
left: 0; left: 0;
right: 0; right: 0;
margin-top: 8px; margin-top: 8px;