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

Version vom 18.07.2025. Aktuellste Version

Du musst eine Erweiterung wie Tampermonkey, Greasemonkey oder Violentmonkey installieren, um dieses Skript zu installieren.

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

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

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

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

Sie müssten eine Skript Manager Erweiterung installieren damit sie dieses Skript installieren können

(Ich habe schon ein Skript Manager, Lass mich es installieren!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Autor
schildpath
Bewertungen
0 0 0
Version
1.8
Erstellt am
18.07.2025
Letzte Aktualisierung
18.07.2025
Größe
13,4 KB
Lizenz
MIT
Wird angewandt auf

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.

Functionality

AO3 Floaty Comment Box buttons

The script provides two buttons in the right bottom corner of the page:

  • Quotation marks: this button will insert selected text in the comment box.
  • Pen icon will toggle a floating copy of the comment box, which can be minimized and expanded.

AO3 Floaty Comment Box header bar

The header bar consists of the following:

  • Pen icon: static logo
  • Quotation marks: button to insert selected text
  • Light bulb: inspiration and suggestions to write a comment
  • Question mark: about section & brief explanation of the functionalities
  • Down arrow: scroll down below to real comment box
  • Enlarge window: button to increase the height of the floaty comment box
  • Close: button to toggle away the floaty comment box

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

Inspiration

Floaty Comment Box was directly inspired (with permission) by an AO3 userscript originally developed by tumblr user ravenel.

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.

Important to know

This script only works on stories where commenting is possible:

  • on non-story pages the floaty box buttons will not appear
  • neither on stories where the user has disallowed comments

As far as I know, Firefox is the only mobile browser that allows Tampermonkey or other userscript extensions.