I will try to use Eonasdan Bootstrap 3 datetimepicker. Here the calendar is open but it is hiding inside the cell. I can't able to select the date. I have given
z-index also. But still its not displaying outside the cell.
And datetimepicker calendar opened in top. When I click picker, the calender will open in bottom of the datetimepicker.
Related
I'm using Ranorex (v10.1.6) for a Desktop Application written mostly in C#. On a Form there is a table with rows and cells. When clicking on a date cell, it should reveal a button to open the calendar. Therefore I require first a click on the table cell which should make the calendar button visible, after which I then can click the calendar button.
Problem: The click() event does not make the button visible. It seems that the click event does for a fraction of a second make the calendar button visible, but then it disappears again.
It seems that the click event does after the click something different which hides the calendar button again. I also tried to accomplish the same with the Mouse Click, and Mouse.ButtonDown(System.Windows.Forms.MouseButtons.Left) followed by Mouse.ButtonUp(System.Windows.Forms.MouseButtons.Left), but this didn't work either.
Anything else I could try to get this to work?
After iOS 14 introduced the new calendar view, there is a weird behaviour in wkwevbiew: If you click a datetime input field while the keyboard is shown, then the entire web page will be pushed up even after you closed the calendar view.
Step to reproduce:
Creating a webpage that has a text input field and a datetime picker input, and the content height is less than your screen height so the page should not scroll vertically in normal.
Add a wkwebview in you iOS app, and load that webpage.
Click the first text field, which should bring up the keyboard (make sure to show the full keyboard if you are using a simulator). After the keyboard is displayed, the page should be able to scroll vertically (which is expected since the whole page is pushed up by keyboard).
If you simply dismiss the keyboard by clicking the Done button, then the page should return to normal (not scrollable, same as step 3).
But if you keep the keyboard opened, then click the date time picker field (the field below the text field), you should see the calendar view and the keyboard is dismissed.
Click OK to dismiss the calendar view, you will then find that the content of the page is pushed up and is now scrollable.
The demo can be found here:
https://github.com/Noisyfox/ios14-webview-datepicker-issue
Here is a gif:
Is there a workaround for this issue?
I have an autosuggest component (with a TextField from material-ui), my issue is that after selecting a value from the autosuggest (eg. with the mouse), the suggestion remains open since the input still has the focus
How do I navigate to the next focusable element programmatically?
datepicker calendar disappears when scrolling on mobile/tablet.
When i click the field (on mobile or tablet) Date , the calender appears but when i want to scroll ( you have to touch the screen to scroll) the calendar dissapears. It's very annoying, because that's the last thing i need to get it working.
You can view the date field below:
http://domburghome.com/domburg/index.php/hotel/jan-tooropstraat-2a/
please can somebody help me. thnxx
This is old, but was in the top results when I was searching for solutions, so here's how I fixed it. If you are using the Bootstrap datepicker, check for the mousedown event handler and see if it is also bound to touchstart. Simply remove the touchstart.
$(document), {
'mousedown touchstart': $.proxy(function(e){
change this to
$(document), {
'mousedown': $.proxy(function(e){
Commit is here: https://github.com/uxsolutions/bootstrap-datepicker/pull/1284
I'm using a datepicker, which is always visible on the page, and tied to a hidden <input>.
Depending on the user interactions on the page, some dates can get dynamically disabled (via beforeShowDay).
The problem is, this allows to disable a date which has been previously selected:
To avoid this, I'd like to unselect the current date prior to refreshing the datepicker.
Is this possible?
EDIT: The datepicker is attached to a div. Clear the selected value like this:
$('selector').datepicker('setDate')
This will unselect whatever day is selected.