codex-team/editor.js

馃挕Use 'text' cursor when there is the only placeholder

Open

#1,165 opened on May 23, 2020

View on GitHub
聽(1 comment)聽(2 reactions)聽(0 assignees)TypeScript聽(26,602 stars)聽(1,985 forks)batch import
good first issue

Description

  1. Describe a problem. When placeholder is displaying it is not intuitive that you can click and edit that content because of the cursor is in standard style telegram-cloud-photo-size-2-5352945091536334306-x

  2. Describe the solution you'd like. Mockups are welcome. Make cursor: text for editor block when there is the only placeholder telegram-cloud-photo-size-2-5352945091536334308-x

Contributor guide

Tech stack
typescriptcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic CSS knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
Inspect the CSS file for the editor block (likely in src/styles/). The placeholder is displayed when the block is empty; find the selector for the placeholder state and add a rule like `cursor: text;` to make it clear the area is clickable. Ensure the cursor only changes when the placeholder is visible, not during editing.