palantir/blueprint

Form Group helper/label text being selected when using NumericInput inside of dialog

Open

#3,004 opened on Oct 8, 2018

View on GitHub
 (13 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: bughelp wanted

Description

Here's a gif showing what's going on:

asdf

and a link to the sandbox:

https://codesandbox.io/s/zr52013k03

Can you help me understand why this is happening only within the dialogs and what I should do to prevent this undesired behavior @giladgray ?

Thanks!

Contributor guide

Tech stack
typescriptreacthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
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.
mostly clear
Prerequisites
React knowledgeBlueprint componentsEvent handlingCSS user select
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Review the provided CodeSandbox to reproduce the bug. Examine the `NumericInput` and `Dialog` component source files in the Blueprint repository for event handling, particularly around text selection. Look at CSS properties like `user select` that might affect selection within dialogs. Consider the comments for any hints from maintainers.
Form Group helper/label text being selected when using NumericInput inside of dialog · palantir/blueprint#3004 | Good First Issue