SAPUI5: Date picker produces error "duplicate id" in mobile browsers (but not in desktop browsers)

[PetraMi]

Dear experts,

In our app there is an oData function import with an import parameter of type date. When the action is initiated, an input field is rendered with datepicker value help, and it opens the usual calendar and clockface dialog:

This works perfectly in the desktop browsers but on mobile devices via SAP Start there is a strange malfunction:

• the first time the action popup is opened, date picker works normally, i.e. as in screenshots above
• but if the user performs following sequence:
  1. picks a date
  2. then cancels the action
  3. then reopens the action again,

        the date picker dialog no longer appears. The datepicker icon is seemingly activated when touched (it briefly flickers in colour when you press), but it is unresponsive.

• if the action is cancelled again and the page is refreshed, everything is again back to normal.

This happens on both Android and iOS.

Please suggest what could be the problem, or how to analyse further. I am currently trying to remote-debug it on Android and I will post any interesting findings.

Update: in remote debugging this comes up:

adding element with duplicate id 'ActionUtil-BLAHBLAHDIBLAH_MY_SERVICE_Entities-<My_Action_Name>-<My_Parameter_Name>-input-PC' -

Thank you, 

BR Petra

[PetraMi · Accepted solution]

Update: fixed by SAP with SAPUI version 1.133.0 and retrofitted into 1.120.26.

[adityaarora]

This seems to be an issue specific to the SAPUI5 web app in a mobile browser. Could you try opening the web app in mobile browser outside SAP Mobile Start?

I found a similar issue in the past, and you can review the solution provided here: https://community.sap.com/t5/technology-q-a/sapui5-error-adding-element-with-duplicate-id/qaq-p/7543....

Please note, however, that I cannot guarantee this solution will work, as I am not a web developer.

[PetraMi]

Hello @adityaarora, thank you for joining in.

Yes, the same happens in the mobile browser outside SAP Mobile Start.

Moreover if I use the option "Desktop site" in SAP Start on the mobile device - no issue! So definitely a mobile browser problem.

I think the discussion you linked to is different, these guys were able to influence the generation of IDs whereas in my case the construction happens in SAPUI5 libraries I have no control over:

• at w._createPopup (DateTimePicker-dbg.js:958:26)
• at constructor.F (DatePicker-dbg.js:1182:8)
• at w.toggleOpen (DatePicker-dbg.js:460:11) )

[adityaarora]

Thank you for sharing your findings. In this case I can confirm this is not an SAP Mobile Start issue. You may want to update the title and redirect it to the right colleagues. Thank you.

[PetraMi]

Thanks @adityaarora. I reformulated the title and adjusted the tags a bit. I would love to redirect to somebody - would you happen to know who might be a right person to look at it?

[adityaarora]

You may want to create an internal incident with the link to your community question for this component: CA-UI5-CTR