iOS String picker default selection fail - codenameone

I've faced a bug last week on a native iOS picker.
I'm using it to select a model for some documents, and when I click the picker, the first entry is selected. But if I click on the OK button, my picker show that nothing is selected.
I need to scroll the picker content a bit to select the first element. Is it a normal iOS behavior or must I set something to achieve the autoselection of the first element when the ok button is pressed ?

Using the lightweight mode with the last CN1 update solve the problem on iOS.

Related

Detect press of "cancel" on a Codename One lightweight date picker

On a Codename One lightweight date pickers, the user has four buttons in the top, like in the following screenshot.
I suppose the tapping of the second, third and fourth buttons are detected by the .addActionListener() (please correct me if I'm wrong)... but I need to detected also the tapping of the "Cancel" button. How can I run some code when the user taps "Cancel"?
We don't provide a way to detect cancel since we can't consistently detect it on native. As a workaround you can listen to the click on the picker button and unless you get a selection it would mean that the action was canceled.
Alternatively we can add a feature like this for the lightweight picker only. If you need that you can file an RFE on that.
I overcame this by comparing the newly selected picker value to the previously stored value. If it’s the same, I consider it a cancel.

Reactjs datepicker Select date don't work when I have a other input field behind the calendar

Date picker work perfectly with keyboard,
If I use the mouse, it's not working in my red area (screen my screenshot)
I used this one :
https://github.com/Hacker0x01
See the screen below :
The bleu area works, the date is set well, probably because behind I have the toolbar instead of an input
but if I click on the red part, the value is not set and it focus my draftJs editor behind.
Have you looked into zIndex? If that doesn't work try disabling the textbox when the date picker is open.

Select box automatically opens on clicking button in Chrome Android and Chrome Responsive Mode using IONIC FRAMEWORK

Short description of the problem:
I have a form in which a group of fields in repeated based on an array of objects.
There is a button which pushes an object into the array. So the user can add as many groups as he like one by one.
There is a select box as the first element of this group.
However, upon clicking the button, the select box is opened automatically after the new group appears.
Steps to reproduce:
1. Visit http://52.66.117.243/app-test/ for testing.
2. Scroll down and click on add more button.
3. The new select box for title automatically opens
Chrome in responsive mode is also able to reproduce the problem
I think the issue might be due to the click event passed on to the newly added select box since the position w.r.t screen of the button is occupied by the new select element. However, I cannot be very sure.
Interestingly, a small timeout before adding of the new elements seems to solve the problem.
If the problem is indeed the click event being propagated, can someone be kind enough to explain what is causing it, event bubbling/capturing on the ng-click or something else ?
Thank you.

Extjs datefield manually show picker

I am trying to show a datefield picker manually when a certain condition is met.
Ext.getCmp('datef').getPicker().show();
This is working fine, but the problem is the alignment of the picker. It's always appearing in the center of the browser window but i would like it to appear under the datepicker.
Here is a fiddle https://fiddle.sencha.com/#view/editor&fiddle/1mh5
How can i ensure the picker always appears aligned under the datefield when i manually show it in the code ?
I think it's easier to invoke expand that already has all the functionality of aligning
Ext.getCmp('datef').expand();

Selenium 2 webdriver and jQuery calendar

I give input the to a input field which has a jquery ui calendar
id("dateSelecterInput").sendKeys(date);
id("dateSelecterSubmit").click();
When you enter something in a input field the calendar pops up, as it should, but when then cover the submit button which is below the input field. The problem is that for Webdriver it cant click the submit button, probably since its not visible ?!?
The problem can be solved be clicking a other element, but its a hack, how to solve it proper?
We use date pickers all over our production site . After clearing the date field and sending keys, can't you press the return key to get the same result , instead of clicking on the button?
if pressing return is not an option, then , yeah, modify your css so that the button is always visible. selenium works the same way an end user would see the site, so.

Resources