It is not possible to open the date picker popup for the dxDateBox in iOS (tested in simulator with 12.1, also got a report of the issue from a real device).
This is my dxDateBox form item configuration:
JavaScriptlet simulationStartDateItem: DevExpress.ui.dxFormSimpleItem = {
dataField: "abc",
name: "startDateItem",
editorType: "dxDateBox",
label: {
text: "startDate"
},
editorOptions: {
acceptCustomValue: false,
},
validationRules: [{
type: "required"
}
],
};
Am I missing some configuration option? I think this has worked before…
Hi Dominic,
The issue is unexpected. I was not able to reproduce it using our demo and iOS 12.1 in Chrome and Safari. It is possible that the issue is related to some specifics of your implementation. Thus, would you please modify the following CodePen sample to show me the issue, so I can analyze and debug it on my side? Also, specify the version of the phone and the browser. I'll do my best to find a precise solution for you.
Hi, it works for me in Chrome, in Safari on a Mac and in Safari on the iOS Simulator v12.1.
It does not work in the Cordova App running in the iOS Simulator v12.1.
I was able to find out that it seems to be related to the readonly attribute of the input element:
<input autocomplete="off" id="dx_dx-588fd918-631c-c925-d3ae-91c636b509e9_startDate" class="dx-texteditor-input" aria-haspopup="true" aria-autocomplete="list" type="date" readonly="" spellcheck="false" tabindex="0" role="combobox" aria-required="true">When I remove the readonly attribute in the debugger, the date selection popup appears correctly.
Do you have a Cordova app containing your widgets for testing? If not, I will try to prepare a simple example with cordova, however it might take a few weeks until I can do this.
We need additional time to check this case. Please bear with us.
While we are researching the issue, you can remove the read-only attribute from an input element as demonstrated in the following example:
$("#date").dxDateBox({ type: "date", value: now, acceptCustomValue: false, onContentReady: function(e) { e.element.find(".dx-texteditor-input").attr("readonly", null); } });