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!

Issues with SkillBuilders Modal Page 2.0.0 and APEX 5.0.4.00.12

Erick DiazSep 6 2016 — edited Oct 6 2016

Hi,

I exported an application from APEX 4.2.5.00.08 to 5.0.4.00.12 using Theme 24 – Cloudy, which heavily relies on the SkillBuilders Modal Page plug-in (Version 2.0.0). The problem I’m having is easily replicated on apex.oracle.com:

WORKSPACE: ED

USERNAME: TEST

PASSWORD: TEST

APPLICATION: 83933 - Theme 24 - SkillBuilders Modal Page Issue

On Chrome 53.0.2785.89 and Firefox 48.0.2, the plug-in seems to be working fine even though I can see the following error on the console:

Uncaught TypeError: r[0].style.removeAttribute is not a function     jquery.colorbox-min.js:4

My real concern is regarding Internet Explorer 11, which is the standard browser on the company. The first time I click on the button, a "broken" box opens up on the upper left corner of the screen and I see the following error on the console:

SCRIPT65535: Unexpected call to method or property access.     File: jquery-2.1.3.min.js, Line: 3, Column: 5660

After I click the button a second time, then the modal opens up correctly.

In addition to set "Embed in Frames" to "Allow" I had to set the "Include jQuery Migrate" option to "Yes" (under User Interface >> JavaScript), otherwise I would have to click the button three times to open the modal page and this additional message shows up on the console:

SCRIPT438: Object doesn't support property or method 'live'     File: jquery.colorbox-min.js, Line: 4, Column: 2651

Any ideas how to fix this?

Thank you,

Erick

This post has been answered by Kofi on Sep 8 2016
Jump to Answer

Comments

User_LYSW0

I'm facing the same issue after 20.2 upgrade as well..

Answer

Hi,
Thanks for reporting this, and apologies for the delay in responding. This was easy to reproduce, and I've filed bug #32122067 to track it. We'll also update the thread with any workaround, when we have it.
Regards,
Anthony

Marked as Answer by tvbishan · Nov 6 2020
Tim Kimberl-Oracle

Until this is patched, here is a temporary bit of css you can add to your app to fix this issue.

.a-GV-columnItem .apex-item-group--auto-complete {
  display: flex;
}

.a-GV-columnItem .apex-item-group--auto-complete .oj-form-control,
.a-GV-columnItem .apex-item-group--auto-complete .oj-inputsearch-choice {
  display: flex;
  flex-grow: 1;
}

Thanks,
Tim

User_Y6MKJ
Hello, I would like to know how I apply the code above, 
through the page itself in the CSS part and call the class in the Css Classes of the column, 
or in the General theme?

Sincerely, Mariangela

Leon_M

Copy and paste the code in your Page Inline CSS

User_Y6MKJ

Thank you!

Leon_M

@tim-kimberl-oracle Thanks for the fix!
Can you also have a look at another issue with autocomplete please:
https://community.oracle.com/tech/developers/discussion/4483380/apex-20-2-autocomplete-issue-need-solution#latest

1 - 7
Locked Post
New comments cannot be posted to this locked post.

Post Details

Locked on Nov 3 2016
Added on Sep 6 2016
12 comments
2,915 views