AO3 Floaty Comment Box (Responsive)

AO3 Floaty Comment Box (Responsive) is a userscript created to facilitate commenting on the fly while reading on archiveofourown - specifically for mobile browsing

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
schildpath
Instalaciones diarias
2
Instalaciones totales
108
Calificaciones
4 0 0
Versión
1.12.6
Creado
18/7/2025
Actualizado
10/8/2025
Tamaño
26,4 KB
Licencia
MIT
Funciona en

AO3 Floaty Comment Box (Responsive) is a userscript to facilitate commenting while reading on archiveofourown - made responsive for mobile browsing.

The idea is that the user can comment on the fly, without needing to scroll down to the bottom while reading, or wait until having read the whole story to jot down a thought or feeling or favorite quote.

Compatible browsers on mobile (see more below):

  • Firefox on Android: tested with Tampermonkey
  • Microsoft Edge on Android: tested with Tampermonkey
  • Safari on IOS: tested with Tampermonkey (paid) and Userscripts (free)

Functionality

Floaty toggle button

Floaty toggle button

Initially the only thing you'll see is a button at the top right corner of the screen, with a pen writing icon. Clicking this will open the floaty comment box.

❗ This script only works on stories where commenting is possible.

  • floaty box will not appear on non-story pages
  • floaty box will not appear if the author has disallowed comments

Floaty comment box

Header bar

Left side:

  • Quotation marks « » : button to insert selected text
  • Down arrow ⇓ : scroll down below to real comment box
  • Up arrow ⇑ : scroll back up to where you were in the story after hitting the down button
  • Light bulb 💡: inspiration/suggestions to write a review
  • Cog wheel ⚙️: overview of functionalities & settings

Right side:

  • Collapse window ▲ : only the header bar will remain visible
  • Enlarge window ▼ : the floaty comment box will take up the whole screen
  • Close >> : button to hide the entire container & show the corner button instead

Insert a quote 💬

AO3 Floaty Comment Box quote functionality AO3 Floaty Comment Box quote functionality

Select pieces of text and hit the "quote" button to insert them in your comment. The quoted text will be formatted in italics and as a block quote.

Syncing and submitting 🔄

  • Everything that is typed or inserted into the floaty comment box will be automatically synced with the real comment box below.
  • Your ongoing comment will be remembered as a saved draft
  • Your comment will only be submitted once you submit it in the the real comment form

Settings

There are currently two adjustable settings:

  • Default view: you can choose to immediately have the header bar visible, instead of the corner button
  • Quote format: either format selected text as a blockquote, or inline between quotation marks

Settings menu

Compatibility

Compatible browsers on mobile:

  • Firefox on Android: tested with Tampermonkey
  • Microsoft Edge on Android: tested with Tampermonkey
  • Safari on IOS: tested with Tampermonkey (paid) and Userscripts (free)

Feel free to give feedback for other browsers as well. Check out the GreasyFork website to check for more browsers that can run userscripts.

Credit ©

Floaty Comment Box was directly inspired (with permission) by an AO3 userscript originally developed by tumblr user ravenel. Afterwards I also discovered ScriptMouse's userscript for a similar floating box, which I looked through to try and fix some bugs in my own.

Other similar scripts might exist, but I wrote this to have personal control over the features and to make it as responsive to mobile needs as posisble.

Feel free to leave feedback, I can't promise I'll get back to all of it but I'm interested to know what doesn't work.