Skip to Main Content

APEX

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!

Non-modal dialog - Submit causes window to collapse

partlycloudyAug 14 2019 — edited Oct 12 2019

APEX 19.1

A modal dialog page is opened from a report link to display related data, modify & save using a form region. Instead of opening  & closing the modal dialog over and over, I thought it would be a better UX to use a non-modal dialog (i.e. standalone window) which the user can move around, place on another monitor, resize, etc. Clicking on the report link just refreshes the content of the window.

This is working fine except for one strange thing. When the non-modal page is submitted, the window collapses to just the browser URL  bar as soon as the submit button is clicked. Page processing works fine and the window can be resized to see success/error messages and such.

I am baffled, why would the window resize when the page is submitted? Any ideas?

Thanks

Update

Running in debug mode and persisting the console log in Chrome shows this error when the Submit button is clicked

This does not happen when the page mode is Modal Dialog instead of non-Modal.

navigation.js Line 390 defines the apex.navigation.dialog function  as  function ( pUrl, pOptions, pCssClasses, pTriggeringElement )

The report link is generated as javascript:apex.navigation.dialog('f?p=...',{title:'My title',height:'auto',width:'720',maxWidth:'960',modal:false,dialog:null,resizable:true, draggable:true},'t-Dialog-page--standard '+'',apex.jQuery('#r\u002Drpt'));

For a modal dialog, the same link is generated with modal:true, no other change. The pOptions object does not contain the dialogClass property in either case so why does modal dialog work fine?

@"John Snyders-Oracle" what am I missing? https://apex.oracle.com/pls/apex/f?p=134181:58  is a simple example to demonstrate the issue. Click the button to open the non-modal window and then click the submit button on the non-modal dialog. The window collapses with the same JS error in the console.

Thanks

VM5409 jquery-3.3.1.js:3827 Uncaught TypeError: Cannot read property 'dialogClass' of undefined

    at HTMLDocument.navigation.dialog (VM5430 navigation.js:390)

    at mightThrow (VM5409 jquery-3.3.1.js:3534)

    at process (VM5409 jquery-3.3.1.js:3602)

Comments
Post Details
Added on Aug 14 2019
2 comments
590 views