Fix copypasting from responses page resulting in wrong paragraph/newline placement

[jancborchardt]

Fix #975, as it is a recurring annoyance I have. :D

I often copy individual submissions directly from the responses/results view of a form, without going through the structured process of creating a spreadsheet or exporting it.

While the visual styling of the responses looks good, what comes out when copying it and pasting it as plain text has empty lines in the wrong places.

Visually it looks like this on the responses/results page:

admin
Monday, May 11, 2026 2:21 PM

Short answer question title
Just testing a reply

Long text question title
Testing a reply for the long text

Checkbox question title
I love the Forms app

But when copy-pasting it from the page into a text editor, it comes out like this:

admin

Monday, May 11, 2026 2:21 PM
Short answer question title

Just testing a reply
Long text question title

Testing a reply for the long text
Checkbox question title

I love the Forms app

Before	After

---

AI-assisted: Claude Code (Sonnet 4.6)

The key insight: browsers give h1–h6 elements a special extra newline in clipboard text regardless of CSS. The new serializeNode method walks the actual DOM selection and treats all
block elements — including headings — uniformly (one newline each). The .answer div gets a leading \n to produce the blank line separator between questions, matching the visual
layout.

This means:

• Whole submission copy → same nicely formatted output as before
• Partial copy (e.g. half a question title + half its answer) → exactly that text, no extra blank line
• Single answer copy → just that question title + answer
• The exact character boundaries of what the user selected are respected throughout

[Chartman123]

@jancborchardt thanks for the contribution :) Just some prettier issues left in the code. Other than that it looks good from my side.

[jancborchardt]

@Chartman123 ah sorry, forgot to run the linter! :) Did now and issues are fixed.