Skip to Main Content

DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

<oj-input-date> focus doesn't work in android device

Sylvain-ROct 18 2018 — edited Jan 18 2019

Hello,

Building an hybrid app with JET 4.2, i need to use <oj-input-date> element.

In Android devices,  on focus, date-picker shown but flashes and disappears, like the element doesn't keep the focus.

You need to specifically triggered the <span arrow-icon> on the side to allow date-picker to display properly.

I've checked in the cookbook as well and the render is the same. If you choose => Android => inspect => Toggle device toolbar, date-picker flashes as well.

A JET known issue? Any known workaround?

This behavior doesn't exists in iOS devices (so far, so good)

Thanks for your prompt reply and your help.

Sylvain

PS: here's my actual code. I've tried with the minimum setup (copied from cookbook and nothing works)

<div class="oj-flex">

                    <div class="oj-flex-item">

                        <oj-input-date id="date" value="{{currentDate}}" date-picker="[[datePicker]]" render-mode='native' converter=[[dateConverter]]

                            on-value-changed="{{dateOptionsChangeHandler}}">

                        </oj-input-date>

                    </div>

                </div>

// Date picker setup

            self.datePicker = {

                footerLayout: '',

                showOn: 'focus'

            };

//

self.currentDate = ko.observable(oj.IntlConverterUtils.dateToLocalIso(new Date()));

            var options = {

                formatType: 'date',

                dateFormat: 'long'

            }

            self.dateConverter = ko.observable(oj.Validation.converterFactory(oj.ConverterFactory.CONVERTER_TYPE_DATETIME).createConverter(options));

Comments
Post Details
Added on Oct 18 2018
9 comments
704 views