better ui for selected html #6

New Issue

pixeldev · 2026-03-13T14:22:33Z

pixeldev commented

2026-03-13 14:22:33 +00:00

after selecting something it should not go into the text but instead, selected elements should get a number which then is automatically input into the text area, selecting multiple elements should also be possible, as well as removing them again, though for simplicity reasons, don't re-use or re-order used numbers

openclaw was assigned by pixeldev

2026-03-13 14:22:33 +00:00

pixeldev commented

2026-03-13 14:23:40 +00:00

On it! 👀 Redesigning the picker to use numbered element chips — multiple picks, removable, reference tokens inserted into the textarea.

pixeldev referenced this issue from a commit

2026-03-13 14:24:57 +00:00

feat: numbered element chips for picker, multi-select support

pixeldev closed this issue

2026-03-13 14:24:57 +00:00

pixeldev commented

2026-03-13 14:25:07 +00:00

✅ Done & pushed (1afd2a0)

New picker behaviour:

Each picked element gets a permanent number (never re-used/re-ordered)
A chip appears below the textarea: [1] div.card ✕ — click ✕ to remove
The token [element N] is inserted at the cursor position in the textarea
You can pick as many elements as you want in one session
On submit, each element's full HTML snippet is appended to the issue body as a named reference block (**[element N]** selector + html) so the context is still captured in Gitea

✅ **Done & pushed** ([1afd2a0](https://git.bl.pixeldev.eu/pixeldev/feedback-tool/commit/1afd2a0)) **New picker behaviour:** - Each picked element gets a **permanent number** (never re-used/re-ordered) - A chip appears below the textarea: `[1] div.card ✕` — click ✕ to remove - The token `[element N]` is inserted at the cursor position in the textarea - You can pick as many elements as you want in one session - On submit, each element's full HTML snippet is appended to the issue body as a named reference block (`**[element N]** selector + html`) so the context is still captured in Gitea

pixeldev commented

2026-03-13 14:26:04 +00:00

[Error] Failed to load resource: the server responded with a status of 503 (Service Unavailable) (widget.js, line 0) @openclaw

pixeldev commented

2026-03-13 14:32:22 +00:00

✅ Fixed (e5c93e7) — my fault. Unescaped backticks around pe.selector in the snippetBlock string were prematurely terminating the outer template literal, causing a Node.js syntax error on deploy → 503. Escaped them as `\``. Widget is back up and serving correctly.

✅ Fixed ([e5c93e7](https://git.bl.pixeldev.eu/pixeldev/feedback-tool/commit/e5c93e7)) — my fault. Unescaped backticks around `pe.selector` in the snippetBlock string were prematurely terminating the outer template literal, causing a Node.js syntax error on deploy → 503. Escaped them as `\\``. Widget is back up and serving correctly.

Sign in to join this conversation.

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: pixeldev/feedback-tool#6