Fix inspector content field showing placeholder and typed text at the same time #109

New issue

Closed

opened 2026-07-06 20:10:51 -05:00 by Gitchegumi · 0 comments

Gitchegumi commented

2026-07-06 20:10:51 -05:00

(Migrated from github.com)

Problem

In the GitchAlerts alert editor, the right-side inspector's Content field can render the placeholder/helper text and the actual typed template text at the same time.

Observed on the Alerts editor page:

Route: /dashboard/gitchegumi-gaming/alerts
App version shown in the UI: v0.10.4
Layout selected: Tips / 1920 x 1080
Selected layer: Text 1
Content appears to contain template text like {{viewerName}} / {{message}}, but the placeholder text is still visible underneath or on top of it.

This makes the field hard to read and makes it unclear whether the user is editing the saved value, the placeholder, or both.

Steps to reproduce

Open the Alerts editor.
Select a text layer.
Open the right inspector panel.
Click into the Content textarea.
Type or use a templated value such as:

{{viewerName}}
{{message}}

Actual behavior

The textarea visually shows both the placeholder/helper text and the typed content at the same time.

Expected behavior

The content field should behave like a normal textarea:

Placeholder text is visible only when the value is empty.
Once the field has a value, only the value is rendered.
Helper text such as Type / to insert event data should stay outside the editable field and should not overlap the textarea value.

Acceptance criteria

Inspector Content textarea does not visually overlay placeholder text and actual value text.
Placeholder is only visible when the content value is empty.
Existing saved template values still load correctly.
Typing, saving, reloading, and switching layers does not reintroduce the overlap.
Regression coverage is added for non-empty textarea content if practical.

## Problem In the GitchAlerts alert editor, the right-side inspector's `Content` field can render the placeholder/helper text and the actual typed template text at the same time. Observed on the Alerts editor page: - Route: `/dashboard/gitchegumi-gaming/alerts` - App version shown in the UI: `v0.10.4` - Layout selected: `Tips` / `1920 x 1080` - Selected layer: `Text 1` - Content appears to contain template text like `{{viewerName}}` / `{{message}}`, but the placeholder text is still visible underneath or on top of it. This makes the field hard to read and makes it unclear whether the user is editing the saved value, the placeholder, or both. ## Steps to reproduce 1. Open the Alerts editor. 2. Select a text layer. 3. Open the right inspector panel. 4. Click into the `Content` textarea. 5. Type or use a templated value such as: ```text {{viewerName}} {{message}} ``` ## Actual behavior The textarea visually shows both the placeholder/helper text and the typed content at the same time. ## Expected behavior The content field should behave like a normal textarea: - Placeholder text is visible only when the value is empty. - Once the field has a value, only the value is rendered. - Helper text such as `Type / to insert event data` should stay outside the editable field and should not overlap the textarea value. ## Acceptance criteria - [ ] Inspector `Content` textarea does not visually overlay placeholder text and actual value text. - [ ] Placeholder is only visible when the content value is empty. - [ ] Existing saved template values still load correctly. - [ ] Typing, saving, reloading, and switching layers does not reintroduce the overlap. - [ ] Regression coverage is added for non-empty textarea content if practical.

No milestone

No assignees

1 participant

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

gitchegumi/GitchAlerts#109

No description provided.

Rows
Columns