[Bug]: Words starting with "/" slash in Notes turn into <button> elements #2890

Closed
opened 2026-02-28 20:31:46 -06:00 by GiteaMirror · 2 comments
Owner

Originally created by @Artalus on GitHub (Feb 4, 2026).

Verified issue does not already exist?

  • I have searched and found no existing issue

What happened?

I have just upgraded from v25.something to v26.2.0, and now all transactions where the notes have a / in them suddenly display the /word underlined, pink and on a separate line.
(My bank statements mostly have slashes in the bill payment details, for whatever reason)

Image Image

Looking into HTML, the slashed text appears to be a <button> element:

<span class="css-6epun5">test <button class="css-70zz4x" style="color: var(--color-pageTextLink); text-decoration: underline; background: transparent; padding: 0px;" data-rac="" type="button" tabindex="0" data-react-aria-pressable="true" id="react-aria7881800323-_r_247_">/transaction</button> whatever</span>

How can we reproduce the issue?

Happens both for existing transactions and whenever I add a new one with / in it immediately followed by a word.

Where are you hosting Actual?

Docker

What browsers are you seeing the problem on?

Firefox

Operating System

Other

Originally created by @Artalus on GitHub (Feb 4, 2026). ### Verified issue does not already exist? - [x] I have searched and found no existing issue ### What happened? I have just upgraded from v25.something to v26.2.0, and now all transactions where the notes have a `/` in them suddenly display the `/word` underlined, pink and on a separate line. (My bank statements mostly have slashes in the bill payment details, for whatever reason) <img width="1068" height="101" alt="Image" src="https://github.com/user-attachments/assets/ab56bee1-a3e6-45bd-86ef-b08555ecdc58" /> <img width="1050" height="111" alt="Image" src="https://github.com/user-attachments/assets/006f275c-9697-4a8b-845b-2653ee0a7ae9" /> Looking into HTML, the slashed text appears to be a `<button>` element: ```html <span class="css-6epun5">test <button class="css-70zz4x" style="color: var(--color-pageTextLink); text-decoration: underline; background: transparent; padding: 0px;" data-rac="" type="button" tabindex="0" data-react-aria-pressable="true" id="react-aria7881800323-_r_247_">/transaction</button> whatever</span> ``` ### How can we reproduce the issue? Happens both for existing transactions and whenever I add a new one with `/` in it immediately followed by a word. ### Where are you hosting Actual? Docker ### What browsers are you seeing the problem on? Firefox ### Operating System Other
GiteaMirror added the transactionsuser interfacebug labels 2026-02-28 20:31:46 -06:00
Author
Owner

@Juulz commented on GitHub (Feb 4, 2026):

It's parsing as a local file path and is presenting as a link.

@Juulz commented on GitHub (Feb 4, 2026): It's parsing as a local file path and is presenting as a link.
Author
Owner

@Juulz commented on GitHub (Feb 7, 2026):

The link parser will need to change to change notes with " /" from parsing as a link. After #6858 they will no longer be on a separate line or a button, but they will be a "filepath" type of link.

@Juulz commented on GitHub (Feb 7, 2026): The link parser will need to change to change notes with " /" from parsing as a link. After #6858 they will no longer be on a separate line or a button, but they will be a "filepath" type of link.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#2890