# Search Bar not working

**URL:** <https://community.glideapps.com/t/search-bar-not-working/40868>\
**Category:** Report a Bug\
**Created:** [April 19, 2022, 3:22am UTC](https://community.glideapps.com/t/search-bar-not-working/40868 "2022-04-19T03:22:18Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bob\_SPAN](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bob_span/32/41514_2.png) [@Bob\_SPAN](https://community.glideapps.com/u/Bob_SPAN)\
**Post date:** [April 19, 2022, 3:22am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/1 "2022-04-19T03:22:18Z")

</div>

My search bar never works on inline list , on a details  
I created this video to show it not functioning when I turn on "search: in options.

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/38318186bd304c4d2961b5a7883b47022a0e3eaa.jpeg "search function not working") ](https://www.youtube.com/watch?v=FvUBbzSXkOg)

broken Search bar also doesn’t display at all when I view it on my android or chrome app.

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [April 19, 2022, 3:27am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/2 "2022-04-19T03:27:17Z")

</div>

I think the HTML RT field is blocking it. Try putting a separator below that RT element and see if that helps. Either that or the HTML code itself might be causing the problem.

---

<div class="post-metadata">

**Author:** ![Bob\_SPAN](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bob_span/32/41514_2.png) [@Bob\_SPAN](https://community.glideapps.com/u/Bob_SPAN)\
**Post date:** [April 19, 2022, 3:41am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/3 "2022-04-19T03:41:45Z")

</div>

thanks darren, you are on to something.

there is text blocking the input of the search bar.  
I’m trying to brand the top of the app with logo with the richtext

I think the.  
display: block;  
needs to display the tab title somewhere else? I’m using the @ [Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires) css

#app-root div[opacity='1'] { color: transparent; } .nav-bar-root { content: ""; display: block; background-image: url("https://images.squarespace-cdn.com/content/v1/5e7e555f359ee95ba2656e86/1603735839553-PXKIPQHEA4NY9KGK0ZRE/Span+-+dark+logo.png"); background-size: 150px 50px; background-repeat: no-repeat; background-position: center, center; ;}

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [April 19, 2022, 10:53am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/4 "2022-04-19T10:53:01Z")

</div>

You got me there, Bob. I don’t really know the CSS stuff well enough to know, so I’ll leave it to some more knowledgeable to respond. 🙂

---

<div class="post-metadata">

**Author:** ![Bob\_SPAN](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bob_span/32/41514_2.png) [@Bob\_SPAN](https://community.glideapps.com/u/Bob_SPAN)\
**Post date:** [April 19, 2022, 3:22pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/5 "2022-04-19T15:22:52Z")

</div>

I was able to move my logo over to the right

display: flex;  
background-position: 100% 50%;

The issue still persists on Android. Looks fine on desktop and iPad.

Wish there was a way to brand these apps easier than using css

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 19, 2022, 11:59pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/6 "2022-04-19T23:59:00Z")

</div>

Can you tell me if you have any CSS acting on the “Tech Tips” part?

After you made the change below, how does it look on desktop and iPad?

> [@Bob\_SPAN](#):
>
> I was able to move my logo over to the right
> 
> display: flex;  
> background-position: 100% 50%;

---

<div class="post-metadata">

**Author:** ![Bob\_SPAN](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bob_span/32/41514_2.png) [@Bob\_SPAN](https://community.glideapps.com/u/Bob_SPAN)\
**Post date:** [April 20, 2022, 4:24pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/7 "2022-04-20T16:24:42Z")

</div>

looks good on iPad and desktop. I don’t have any css on the label “Tech Tips” or “Partner Portal”. and I have to leave that label on so the nav at the bottom displays the text… It seems that if I move the logo over to the right , it still gets covered up by the search magnifying glass icon. see screenshot of android

 ![Screenshot_20220420-092136_Chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/4/94eaa6cda07ca02e351af84a68484e51018b4850.jpeg)  
 ![Screen Shot 2022-04-20 at 9.19.09 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3d4f9c1e6e580804c856b882f47eb96cd65dd677.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 20, 2022, 11:05pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/8 "2022-04-20T23:05:11Z")

</div>

Yeah, these layouts are structured differently so it’s hard to find a one-size-fits-all solution.

What I would recommend in this scenario is to create your own custom search bar.

Aesthetically, you can add a text entry at the top of your screen that points to a user-specific column to store your search term.

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=777afa9205f74f79ad7214fe40098b42)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Then, you can use that search term to filter the inline lists accordingly.

---

<div class="post-metadata">

**Author:** ![srinivas\_sri](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/srinivas_sri/32/53048_2.png) [@srinivas\_sri](https://community.glideapps.com/u/srinivas_sri)\
**Post date:** [April 28, 2022, 5:59am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/9 "2022-04-28T05:59:44Z")

</div>

![Screenshot_2022-04-28-11-25-48-68](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/6/66b23634b919505eae9079d3a5143d92859a5e96.jpeg)  
Search 🔍 bar not working please help

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 28, 2022, 8:00am UTC](https://community.glideapps.com/t/search-bar-not-working/40868/10 "2022-04-28T08:00:25Z")

</div>

Can you explain more on what’s not working here?

---

<div class="post-metadata">

**Author:** ![srinivas\_sri](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/srinivas_sri/32/53048_2.png) [@srinivas\_sri](https://community.glideapps.com/u/srinivas_sri)\
**Post date:** [May 7, 2022, 5:11pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/11 "2022-05-07T17:11:33Z")

</div>

![IMG_20220507_223400](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/8/782864c2e31583647fbc898dab765f4ca8a9d0cc.jpeg)

How to fill full color or image on status bar ?

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [May 7, 2022, 6:48pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/12 "2022-05-07T18:48:20Z")

</div>

> [@White Strip on the top](https://community.glideapps.com/t/white-strip-on-the-top/37134):
>
> Problem when I want the app to be completely black even when I am in darkmode. I have to turn darkmode off and then on again to make it work, I have unselected the match the device’s theme check box

It’s been an issue for quite sometime. Perhaps someone could share a CSS workaround. Could Glide take another look at the white strip? @SantiagoPerez

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 7, 2022, 10:55pm UTC](https://community.glideapps.com/t/search-bar-not-working/40868/13 "2022-05-07T22:55:21Z")

</div>

I don’t think CSS can target that part of the screen though…

As I said in that thread, if I manually change the address bar back to the top on iOS then it works. Not sure if this is something Glide can adjust since it’s an OS setting.
