AO3: Autocomplete in Menu Search Field

Turns the general search in the menu bar into an autocomplete for any canonical tags

Installer ce script ?

Poser une question, écrire un avis, ou signaler le script.

Auteur

escctrl

Installations quotidiennes

Installations (total)

Notes

1 0 0

Version

2.0

Créé

06/05/2025

Mis à jour

02/08/2025

Taille

4,11 ko

Licence

MIT

S'applique à

archiveofourown.org

💖 What it does

Turns the Search field in the menu bar into an autocomplete, from which you can pick a canonical tag and go straight to its works.

example view of the search with the text 'some' entered, pulling up tag suggestions in the autocomplete including Some Humor, Some Plot, and Somebody Lives/Not Everyone Dies

🪴 How to use it

Select the search field in the menu bar. You'll see a prompt to "Start typing to search for a tag!".
Enter the name of a tag that you're interested in. You'll get a list of suggestions of canonical tags containing that text.
Select the tag you want. The page will refresh and you'll see the works on the tag you selected.

🎨 How to configure it

If you don't want to be redirected to the works, you can change a setting at the beginning of the code:

const GOTOWORKS = true; // go to the tag's works page (true) or lading page (false)

By default, this is true and will send you to the works. If you change this to false instead, you'll be sent to the tag's landing page.

🐞 Known limitations

If you have custom CSS/site skins, the autocomplete might not look exactly like it does everywhere else on the site. Nevertheless, it tries to respect light/dark mode skins.

🏛️ History

v2 - config option to choose between work and landing pages
v1 - autocomplete for any canonical tag