APEX 20.2 Interactive Grid Text Field with Autocomplete issue

tvbishan

This is how Text Field with Autocomplete shown in Apex 20.1

But in Apex 20.2, it shows as below. (text input has a line and split into two rows)

How can I avoid this and use Text Field with Autocomplete as in Apex 20.1

Anthony Rayner-Oracle

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

User_LYSW0

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

Anthony Rayner-Oracle

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

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

https://community.oracle.com/tech/developers/discussion/comment/16783943#Comment_16783943

Copy and paste the code in your Page Inline CSS

User_Y6MKJ

Thank you!

Leon_M

https://community.oracle.com/tech/developers/discussion/comment/16774277#Comment_16774277

@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