# Les points de vente Search-menu-results-top ne sont pas correctement positionnés

**URL:** https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870
**Category:** Bug
**Created:** [Décembre 7, 2023, 4:21 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870 "2023-12-07T16:21:51Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![benedfit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benedfit/32/347460_2.png) [@benedfit](https://meta.discourse.org/u/benedfit)
#### Post date: [Décembre 7, 2023, 4:21 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/1 "2023-12-07T16:21:51Z")

</div>

Salut, j’ai rencontré un problème en essayant d’utiliser le slot de connecteur `search-menu-results-top` pour la personnalisation. Le slot ne semble pas être correctement placé en haut des résultats (notez que l’appel à l’action « Essayez de demander… » se trouve sous les résultats)&nbsp;:

 ![Capture d'écran 2023-12-07 à 16.10.19](https://global.discourse-cdn.com/meta/original/4X/0/b/c/0bc076e98ca3b0ac461505a08e367b82a99d3ac6.jpeg)

Est-ce attendu ou s’agit-il d’un bug&nbsp;?

Merci

---

<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: [Décembre 7, 2023, 5:37 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/3 "2023-12-07T17:37:08Z")

</div>

Je pense que vous avez raison. La prise devrait être placée avant le contenu des résultats ici :

> <https://github.com/discourse/discourse/blob/e4c373194d95c1393b70f3052ba473ae8faabe8b/app/assets/javascripts/discourse/app/widgets/search-menu-results.js#L387-L415>

---

<div class="post-metadata">

### Author: ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)
#### Post date: [Décembre 7, 2023, 6:43 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/4 "2023-12-07T18:43:48Z")

</div>

Salut, merci pour le rapport !

Comme vous l’avez souligné, le point de sortie du plugin `search-menu-results-top` n’était pas positionné en haut de `results` comme prévu.

De plus, nous avons récemment mis à niveau le menu de recherche et ses composants internes pour utiliser [Glimmer](https://glimmerjs.com/). Vous ne voyez pas `@outletArgs.searchTerm` car il n’a pas été inclus (involontairement) dans le point de sortie `search-menu-results-top`, attaché au menu de recherche Glimmer.

Cela sera corrigé par

> <https://github.com/discourse/discourse/pull/24774>
>
> The \`search-menu-results-top\` plugin outlet was not positioned at the top of \`re…sults\` as expected. Additionally, the expected outlet arguments that existed in the "widget implementation" were not available on the glimmer search menu.

 ![Screenshot 2023-12-07 at 11.31.06 AM](https://global.discourse-cdn.com/meta/original/4X/4/5/2/4527ad2d5f83955adb2eeb66de8abaf0148af8aa.png)

voir l’emplacement du point de sortie du plugin ainsi que le terme de recherche attaché

---

<div class="post-metadata">

### Author: ![benedfit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benedfit/32/347460_2.png) [@benedfit](https://meta.discourse.org/u/benedfit)
#### Post date: [Décembre 8, 2023, 10:48 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/5 "2023-12-08T10:48:36Z")

</div>

Salut Isaac, merci pour ton aide. Je pense aussi qu’un changement dans le code qu’Arkshine a identifié doit être inclus dans cette PR pour corriger le menu de recherche dans la barre de navigation.

---

<div class="post-metadata">

### Author: ![benedfit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benedfit/32/347460_2.png) [@benedfit](https://meta.discourse.org/u/benedfit)
#### Post date: [Décembre 8, 2023, 12:01 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/6 "2023-12-08T12:01:38Z")

</div>

De plus, les divs d’encapsulation dans [discourse/app/assets/javascripts/discourse/app/widgets/search-menu-results.js at e4c373194d95c1393b70f3052ba473ae8faabe8b · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/e4c373194d95c1393b70f3052ba473ae8faabe8b/app/assets/javascripts/discourse/app/widgets/search-menu-results.js#L404-L405) et [discourse/app/assets/javascripts/discourse/app/widgets/search-menu-results.js at e4c373194d95c1393b70f3052ba473ae8faabe8b · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/e4c373194d95c1393b70f3052ba473ae8faabe8b/app/assets/javascripts/discourse/app/widgets/search-menu-results.js#L423-L424) s’affichent toujours (avec une classe vide), ce qui rend difficile l’application de sélecteurs `:last-child` et similaires.

---

<div class="post-metadata">

### Author: ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)
#### Post date: [Décembre 8, 2023, 5:08 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/7 "2023-12-08T17:08:19Z")

</div>

> [@benedfit](#):
>
> Je pense aussi qu’un changement dans le code qu’Arkshine a identifié doit être inclus dans cette PR pour corriger le menu de recherche dans la barre de navigation.

Le [GitHub - discourse/discourse-search-banner](https://github.com/discourse/discourse-search-banner) est maintenant basé sur le menu de recherche glimmer, c’est pourquoi j’ai apporté les modifications là-bas plutôt que dans le menu de recherche du widget. De plus, nous allons déployer le menu de recherche glimmer par défaut pour toutes les instances de Discourse dans le mois prochain. Afin de profiter des changements que j’ai liés (et d’avoir une longueur d’avance sur la foule), je vous recommande d’activer le menu de recherche glimmer sur votre site. Cela résoudra tous les problèmes que vous rencontrez dans le menu de recherche situé dans la barre de navigation.

Vous pouvez le faire en ajoutant un groupe au paramètre du site `groupes de menu de recherche expérimentaux`. Nous l’avons actuellement activé pour “tout le monde” sur meta.

 ![Screenshot 2023-12-08 at 10.04.15 AM](https://global.discourse-cdn.com/meta/original/4X/b/c/d/bcd95b4bdd36e9b4c242df4bbf8fe0cff9153f56.png)

> [@benedfit](#):
>
> De plus, les divs d’encapsulation dans [discourse/app/assets/javascripts/discourse/app/widgets/search-menu-results.js at e4c373194d95c1393b70f3052ba473ae8faabe8b · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/e4c373194d95c1393b70f3052ba473ae8faabe8b/app/assets/javascripts/discourse/app/widgets/search-menu-results.js#L404-L405) et [discourse/app/assets/javascripts/discourse/app/widgets/search-menu-results.js at e4c373194d95c1393b70f3052ba473ae8faabe8b · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/e4c373194d95c1393b70f3052ba473ae8faabe8b/app/assets/javascripts/discourse/app/widgets/search-menu-results.js#L423-L424) s’affichent toujours (et avec une classe vide), ce qui rend difficile l’application de sélecteurs `:last-child` et similaires.

Les extraits de code que vous avez liés sont directement liés au menu de recherche du widget. Les mêmes sorties de plugin sont disponibles sur le menu de recherche glimmer, **et** elles sont correctement positionnées. Faites-moi savoir si cela vous aide 🙂

---

<div class="post-metadata">

### Author: ![benedfit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benedfit/32/347460_2.png) [@benedfit](https://meta.discourse.org/u/benedfit)
#### Post date: [Décembre 11, 2023, 10:40 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/8 "2023-12-11T10:40:25Z")

</div>

Génial, merci pour l’explication. Je vais activer ce paramètre maintenant.

---

<div class="post-metadata">

### Author: ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)
#### Post date: [Décembre 16, 2023, 2:00 UTC](https://meta.discourse.org/t/search-menu-results-top-outlets-not-correctly-positioned/287870/11 "2023-12-16T14:00:38Z")

</div>

Ce sujet a été automatiquement fermé après 4 jours. Les nouvelles réponses ne sont plus autorisées.
