# Pavilion Header Search Theme Component

**URL:** https://meta.discourse.org/t/pavilion-header-search-theme-component/67959
**Category:** Theme component
**Tags:** pavilion, broken
**Created:** [August 13, 2017, 9:43am UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959 "2017-08-13T09:43:48Z")
**Posts on this page:** 11
**Page:** 4

<div class="post-metadata">

### Author: ![bquast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bquast/32/289307_2.png) [@bquast](https://meta.discourse.org/u/bquast)
#### Post date: [March 2, 2023, 9:15am UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/62 "2023-03-02T09:15:13Z")

</div>

Thank you! I checked Github, but could not find any new commits there yet.

Thanks for the tip on the color, I actual meant to say the color of the border of the search box (to white). Is there a way to also do this?

![Screenshot from 2023-03-02 10-13-59](https://global.discourse-cdn.com/meta/original/4X/c/a/f/caf07b4fef17eda2d643ad23c7ecd807307564e7.png)

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [March 2, 2023, 9:58am UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/63 "2023-03-02T09:58:13Z")

</div>

> [@bquast](#):
>
> Thank you! I checked Github, but could not find any new commits there yet.

That means you’re not using this theme component 🙂 Share a link to the github repository you just checked.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [March 2, 2023, 10:34am UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/64 "2023-03-02T10:34:30Z")

</div>

Could this component actually work with the keyboard shortcut for search (“/”)? Right now using the shortcut makes it switch back to the search icon and drop-down:

For reference, the official Header Search component has a slightly different glitch: it enters the search field when using the shortcut, but then only shows results after actually selecting the field with a mouse click:

So I wonder if there’s a way to make header search fully compatible with using the keyboard shortcut?

---

<div class="post-metadata">

### Author: ![bquast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bquast/32/289307_2.png) [@bquast](https://meta.discourse.org/u/bquast)
#### Post date: [March 2, 2023, 1:23pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/65 "2023-03-02T13:23:28Z")

</div>

> [@angus](#):
>
> That means you’re not using this theme component 🙂

Actually I believe your updates were to the [theme](https://github.com/paviliondev/discourse-header-search-theme), as in _entire_ theme (note the name of the repo):

 ![Screenshot from 2023-03-02 14-20-49](https://global.discourse-cdn.com/meta/original/4X/e/b/e/ebe059cc6f5e510bf6e3e32195be0a35ee0c5d85.png)

I was talking about the component: [GitHub - discourse/discourse-header-search · GitHub](https://github.com/discourse/discourse-header-search)

It seems to have a different owner, I probably mixed things up, sorry

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [March 2, 2023, 2:33pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/66 "2023-03-02T14:33:34Z")

</div>

> [@bquast](#):
>
> Actually I believe your updates were to the [theme](https://github.com/paviliondev/discourse-header-search-theme), as in _entire_ theme (note the name of the repo):

Yup, that’s right. That’s the repo associated with this topic, even if it’s not correctly named. See the OP

> [@angus](#):
>
> Repository: [https://github.com/angusmcleod/discourse-header-search-theme](https://github.com/angusmcleod/discourse-header-search-theme)

You want this one

> [@Advanced Header Search](https://meta.discourse.org/t/header-search/194093):
>
> discourse2Summary Advanced Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/header-search)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-header-search](https://github.com/discourse/discourse-header-search)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component :white\_exclamation\_mark:Note This theme component is onl…

---

<div class="post-metadata">

### Author: ![bquast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bquast/32/289307_2.png) [@bquast](https://meta.discourse.org/u/bquast)
#### Post date: [March 2, 2023, 2:37pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/67 "2023-03-02T14:37:13Z")

</div>

okay thank you, if this also a component, I can use it in conjunction with my theme. I’ll try this one out as well then. Thanks for your help.

Maybe you could update this in the OP to make clear its a component (maybe there are others like me that would avoid a theme, but like a component)

> [@angus](#):
>
> so it can be used as a theme.

---

<div class="post-metadata">

### Author: ![hoangphuctran93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangphuctran93/32/290976_2.png) [@hoangphuctran93](https://meta.discourse.org/u/hoangphuctran93)
#### Post date: [January 22, 2024, 8:09am UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/68 "2024-01-22T08:09:30Z")

</div>

Recently, with the latest update of the discourse source code, the theme component had a conflict and the discourse header bar disappeared.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [January 22, 2024, 1:21pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/69 "2024-01-22T13:21:38Z")

</div>

From what I see, the component uses deprecated code. I believe it’s expected not to work anymore with all the recent modernization changes happening in the core.

As an alternative, you have these two official theme components:

> [@Advanced Header Search](https://meta.discourse.org/t/header-search/194093):
>
> discourse2Summary Advanced Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/header-search)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-header-search](https://github.com/discourse/discourse-header-search)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component :white\_exclamation\_mark:Note This theme component is onl…

> [@Advanced Search Banner](https://meta.discourse.org/t/search-banner/122939):
>
> warning This theme component is deprecated and should no longer be used. Its features are now in Discourse Core — see our documentation for details on setting up a welcome banner: → [Creating a banner to display at the top of your site](https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1)discourse2Summary Advanced Search Banner puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/search-banner)hammer_and_wrenchReposito…

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [January 22, 2024, 1:28pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/70 "2024-01-22T13:28:24Z")

</div>

I’ve marked this as #broken for now. @angus please feel free to remove the tag if/when it’s been updated.

As well as the deprecations, core’s search implementation recently switched from Widgets to Glimmer Components, so I imagine this theme would need significant refactoring to get it up-and-running again.

As @Arkshine said, we have a couple of similar #official theme components, so they are a good alternative (or a good reference on how to re-implement this one)

---

<div class="post-metadata">

### Author: ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)
#### Post date: [January 22, 2024, 1:37pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/71 "2024-01-22T13:37:09Z")

</div>

This was the first thing I built as a software developer, all the way back in 2015 (albeit it was a plugin then as theme components didn’t exist; same code though), so I feel a bit nostalgic about it. But unless anyone seriously wants this instead of the components mentioned by @Arkshine, this is going to stay broken.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2024, 1:46pm UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/72 "2024-02-01T13:46:05Z")

</div>

@angus I’ve opened a PR here to make it auto-disable on recent versions of Discourse, and add a description to say it’s no longer supported:

[https://github.com/paviliondev/discourse-header-search-theme/pull/6](https://github.com/paviliondev/discourse-header-search-theme/pull/6)

Also added a ⚠ to the OP here with a link to official alternatives.

[Previous page](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959.md?page=3)
