Text Fields in a modal page disappear when you click on them

Mónica Godoy -Oracle

If you're experiencing issues with input fields in your APEX application, this is a Google Chrome bug that was introduced by a recent Chrome update.

It is not an Oracle APEX issue, so please try this quick workaround by @Tim Kimberl-Oracle to your CSS:

.apex-item-select,

.apex-item-text,

.apex-item-textarea,

.apex-item-multi {

backface-visibility: hidden;

}

You can add this CSS code to Custom CSS. When running the app, navigate to Developer Toolbar: Customize -> Theme Roller.

Update: Using the latest version of Google Chrome (Version 98.0.4758.102) this issue is not reproducible anymore

Please comment if you're still facing the issue, thanks.

Riassuncao

Thanks, it works for me.

But do I have to add this CSS to every page?

Mónica Godoy -Oracle

Hi @Riassuncao,

You can add this CSS code to Custom CSS. When running the app, navigate to Developer Toolbar: Customize -> Theme Roller.

Scott H.

Is this issue that when you click into a text field you cannot see what you're typing and it shows up when you click off?

That's what we're experiencing intermittently on Apex 20.2 with Chrome (All users on same version, works on some PCs not others). I can't use the theme roller to fix this however, as I get this

Joe Upshaw

Sorry for this, Monica...getting access denied while trying to post a new question and want to see if my ability to reply is blocked as well. I apologize for the noise if this goes through.

Mónica Godoy -Oracle

Hi @Scott H.

Another approach is to create a static application file with the CSS code and then reference that File. Please follow these steps:

1. Create the CSS file. Go to Shared Components -> Static Application Files -> Create File
2. Enter the CSS code and save the file
3. Copy the reference to this new file
4. Go to Shared Components -> User Interfaces -> Cascading Style Sheets
5. Enter the reference to the CSS file

Hope it helps.

Mónica Godoy -Oracle

Hi @Joe Upshaw ,

You should be able to post questions. Could you please try again and confirm if you are unable to post new questions?

Thanks.

Joe Upshaw

@Mónica Godoy -Oracle

It appears to be a bug when a particular set of code is embedded (as a code block) in the question. I'm going to post the question to the forum for reporting forum bugs.

I did manage to post my question "Autofade of Success Messages in 20.2" but, I had to add the code as an attachment (rather than embedding it) to get it to go through.

Scott H.

Thanks @Mónica Godoy -Oracle that worked!!

User_VXEB6

Just in time, thanks @Mónica Godoy -Oracle !!

SEKOOK JANG

Thanks.

i added it on Page level's CSS inline. and works fine.