Make use of text cursor on date picker
See original GitHub issueBefore 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:
After:
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:9 (5 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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)
Then I guess it’s safe to close? Feel free to re-open otherwise 😃