palantir/blueprint

Editable cells don't work in Safari

Open

#2,374 opened on Apr 9, 2018

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Browser: SafariPackage: tableType: bughelp wanted

Description

Copied from #1081 @lojka59

i found out that editable cell didn't work on Safari, should i make write new issue or just write here ? easy way to check: it didn't work even in Blueprint docs

When i click empty cell, no cursor appear. Then when i click another cell, first one didn't exit edit mode so i end up with multiple cells in edit mode (and can't edit any of them)

I can only edit cell that already got text, if i select text with mouse after entering edit mode

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
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
ReactSafari browser debuggingbasic JavaScript event handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
55
Research direction
Investigate the editable cell component in the Blueprint table (likely Table/Cell components). Check for event handling differences in Safari, particularly focus, blur, and click events on contenteditable elements. Look at the CSS for cursor and user select properties. Consider if a WebKit specific fix is needed. Since the issue is old, also check if newer versions have addressed it.