Discussions
Categories
- 196.7K All Categories
- 2.2K Data
- 235 Big Data Appliance
- 1.9K Data Science
- 449.8K Databases
- 221.5K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 549 MySQL Community Space
- 477 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3K ORDS, SODA & JSON in the Database
- 532 SQLcl
- 4K SQL Developer Data Modeler
- 186.8K SQL & PL/SQL
- 21.3K SQL Developer
- 295.4K Development
- 17 Developer Projects
- 138 Programming Languages
- 292.1K Development Tools
- 104 DevOps
- 3.1K QA/Testing
- 645.9K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 153 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.1K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 17 Java Essentials
- 158 Java 8 Questions
- 85.9K Java Programming
- 79 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.2K Java SE
- 13.8K Java Security
- 203 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 394 LiveLabs
- 37 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.6K Other Languages
- 2.3K Chinese
- 170 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 230 Portuguese
Text Fields in a modal page disappear when you click on them

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.
Regards/Saludos/Obrigada,
Mónica Godoy
Comments
-
Thanks, it works for me.
But do I have to add this CSS to every page?
-
Hi @Riassuncao,
You can add this CSS code to Custom CSS. When running the app, navigate to Developer Toolbar: Customize -> Theme Roller.
Regards/Saludos/Obrigada,
Mónica Godoy
-
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
-
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.
-
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:
- Create the CSS file. Go to Shared Components -> Static Application Files -> Create File
- Enter the CSS code and save the file
- Copy the reference to this new file
- Go to Shared Components -> User Interfaces -> Cascading Style Sheets
- Enter the reference to the CSS file
Hope it helps.
Regards/Saludos/Obrigada,
Mónica Godoy
-
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.
Regards/Saludos/Obrigada,
Mónica Godoy
-
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.
-
-
Just in time, thanks @Mónica Godoy -Oracle !!
-
Thanks.
i added it on Page level's CSS inline. and works fine.