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!

How to display options in oj-combobox-one (inside an iframe) below the input box

1070536Aug 29 2019 — edited Aug 29 2019

I have 3 questions:

  1. The combobox and oj-popup are inside an iframe and there is no space below, so the options are displayed above the box. Is there any way I can display the oj-options below the input box in oj-combobox-one when there is no space at the end of the iframe?

  2. How can I always display the oj-option below the input box in oj-combobox-one? I don’t want it to try to fit to the parent page.

  3. Is there any way I can display the oj-popup on top of the parent window? I increased z-index but did not work.

I am using JET 6.

The oj-popup is inside an iframe, and it is at the bottom. So there is no space below it. If I use position - collision : 'none' it displays below the button but there is a vertical scroll bar. If I use collision : "flipfit" it displays above the button. I want it to display below but without vertical scroll bar.

oj-popup issue 1.jpg

 ![oj-popup issue 2.jpg](https://objectstorage.us-phoenix-1.oraclecloud.com/p/BqK85Rn1zA5MP0vYiqbAdPgs7Z6OmMxw8SD3WCFVm5kY8uReidZ1KPIKkgJ1hCkG/n/axciphqpnohg/b/forums-legacy/o/uploads/jive_attachments/8/0/5/80548754egami.jpeg)

 For combo box, the options are always displayed above because there is no space below. I want the options to be displayed below.

 ![oj-combobox issue 1.jpg](https://objectstorage.us-phoenix-1.oraclecloud.com/p/BqK85Rn1zA5MP0vYiqbAdPgs7Z6OmMxw8SD3WCFVm5kY8uReidZ1KPIKkgJ1hCkG/n/axciphqpnohg/b/forums-legacy/o/uploads/jive_attachments/9/0/5/90548754egami.jpeg)

  ![oj-combobox issue 2.jpg](https://objectstorage.us-phoenix-1.oraclecloud.com/p/BqK85Rn1zA5MP0vYiqbAdPgs7Z6OmMxw8SD3WCFVm5kY8uReidZ1KPIKkgJ1hCkG/n/axciphqpnohg/b/forums-legacy/o/uploads/jive_attachments/0/1/5/01548754egami.jpeg)
Comments
Post Details
Added on Aug 29 2019
2 comments
186 views