question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make use of text cursor on date picker

See original GitHub issue

Before opening:

Feature requests must include:

  • As much detail as possible for what we should add and why it’s important to Bootstrap
  • Relevant links to the prior art, screenshots, or live demos whenever possible
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-week-field,
::-webkit-datetime-edit-year-field {
  cursor: text;
}

Currently, hovering on an editable date, year, week, or month in the HTML5 date picker doesn’t show the text cursor, which should be shown on all selectable text. With the above code, the text cursor is shown.

Before:

Selection_011

After:

Selection_012

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
patrickhlaukecommented, Jul 8, 2021

i’d personally leave this as it is, as it’s an opinionated webkit-only patch. and noting that if we made this work in other browsers as well, it’ll lead to a weird mismatch in expected behaviour. take chrome/windows for instance - it uses the regular mouse pointer. if this was forced to the text selection cursor, it would be confusing, because chrome doesn’t actually allow traditional text selection (only clicking to focus/select and then type in new numbers, but not click and drag selection)

0reactions
ffooddcommented, Jul 9, 2021

Then I guess it’s safe to close? Feel free to re-open otherwise 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Cursor pointer when mouse-over on date and time picker icon ...
I added a new css for input{cursor: pointer}, but mouse cursor is pointer on input element.. and is arrow on picker icon... –...
Read more >
Why do we lose cursor upon datepicker selection?
However, upon date selection, the cursor simply disappears and if I move cursor using mouse to the next field, the SPAN with ID...
Read more >
ui.datepicker, API Reference Webix Docs
A control that allows the user to select a date. The control combines an editable text field with a drop-down calendar. Supports all...
Read more >
SetFocus function in Power Apps - Microsoft Learn
The SetFocus function gives a control the input focus. The user's keystrokes are then received by that control, allowing them to type into...
Read more >
User Interface - App Inventor
GotFocus(): Indicates the cursor moved over the Button so it is now possible to ... FontBold: Specifies whether the text of the DatePicker...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found