Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Do I either have to choose between CSS-modified input forms having random artifacts or Google Maps being rendered as a mirror image?

  • 7 replies
  • 1 has this problem
  • 2 views
  • Last reply by kaitchison

kaitchison
kaitchison
more options

The issue has to do with offmainthreadcomposition. In Issue 1039058 "firefox rounded buttons rendering issue" at:

https://support.mozilla.org/en-US/questions/1039058

The chosen solution, which came from moderator cor-el, involved going to about:config and setting OMTC to false. While this solution didn't help the poster of that thread, it did remove the random artifacts from input buttons on my computer that were modified by CSS (specifically, those modified by the Stylish extension) and made them render properly.

Unfortunately, Google has recently made changes to maps and apparently now requires this setting to be enabled in order for them to display properly. If OMTC is set to false, the maps will initially look correct, but after a few seconds, they will change to a mirror image, where even dragging the image by mouse works the opposite as expected! Strangely, pop up infoboxes still render correctly.

Since this completely breaks Google Maps, I am hoping there is another solution to CSS-modified input fields often looking wrong until I hover my mouse over them.

The issue has to do with offmainthreadcomposition. In Issue 1039058 "firefox rounded buttons rendering issue" at: https://support.mozilla.org/en-US/questions/1039058 The chosen solution, which came from moderator cor-el, involved going to about:config and setting OMTC to false. While this solution didn't help the poster of that thread, it did remove the random artifacts from input buttons on my computer that were modified by CSS (specifically, those modified by the Stylish extension) and made them render properly. Unfortunately, Google has recently made changes to maps and apparently now requires this setting to be enabled in order for them to display properly. If OMTC is set to false, the maps will initially look correct, but after a few seconds, they will change to a mirror image, where even dragging the image by mouse works the opposite as expected! Strangely, pop up infoboxes still render correctly. Since this completely breaks Google Maps, I am hoping there is another solution to CSS-modified input fields often looking wrong until I hover my mouse over them.
Attached screenshots

Chosen solution

I didn't try safe mode, but your link reminded me to also check

Options > Advanced > Use hardware acceleration when available

It was checked. So I unchecked it, restarted Firefox, reloaded the page and voila! The artifacts were gone!

That solves my problem, just as it did for the poster of issue 1039058. So to recap (for anyone else reading this having similar issues) the solution for me that worked was: 

 •  layers.offmainthreadcomposition.enabled = true

(i.e. OMTC; Disabling this fixed the artifacts but broke Google Maps) 

 •  layers.d3d11.disable-warp = true

 •  layers.acceleration.disabled = true

(This is the same as unchecking Options>Advanced>Use hardware acceleration when available)

I suggest to others troubleshooting to first try disabling hardware acceleration from the menu first, restarting Firefox and then reloading the page with the artifacts. That may be enough to solve the problem. If it doesn't, then try changing layers.d3d11.disable-warp from about:config and see if that helps.

Thanks for your help, cor-el!

Read this answer in context 👍 0

All Replies (7)

philipp
philipp
  • Moderator
more options

hello, could you go to the firefox menu ≡ > help ? > troubleshooting information, copy the contents of that page and paste them here into a reply on the forum? this might give us a clue what is going on...

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can try to disable WARP and set this pref to true.

  • layers.d3d11.disable-warp = true
kaitchison
kaitchison Question owner
more options

Here is the troubleshooting info. To keep reply less than 10,000 chars, I got rid of the IDs for all disabled extensions.

Application Basics

Name: Firefox Version: 37.0.2 User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0 Multiprocess Windows: 0/1

Crash Reports for the Last 3 Days

All Crash Reports

Extensions

Name: Stylish Version: 2.0.2.1-signed Enabled: true ID: {46551EC9-40F0-4e47-8E18-8E5CF550CFB8}

Name: Adblock Plus Version: 2.6.9.1-signed Enabled: false

Name: All-in-One Sidebar Version: 0.7.25.1-signed Enabled: false

Name: Back to Close Version: 1.11.1-signed Enabled: false

Name: CodeBurner for Firebug Version: 1.6.1-signed Enabled: false ID: [email protected]

Name: Dictionary Lookup Extension Version: 2.1.1-signed Enabled: false

Name: Dictionary Tooltip Version: 1.7 Enabled: false

Name: Download Statusbar Version: 0.9.10 Enabled: false

Name: eCleaner Version: 1.4 Enabled: false

Name: Firebug Version: 2.0.11 Enabled: false

Name: Gmail Watcher Version: 1.61 Enabled: false

Name: gui:config Version: 1.2.3 Enabled: false

Name: Hide Caption Titlebar Plus Version: 2.9.7 Enabled: false

Name: Hide Tabbar Version: 2.1.0 Enabled: false

Name: IE Tab 2 (FF 3.6+) Version: 5.12.12.1 Enabled: false

Name: InlineDisposition Version: 1.0.2.4.1-signed Enabled: false

Name: Nuke Anything Enhanced Version: 1.1 Enabled: false

Name: Scriptish Version: 0.1.11.1-signed Enabled: false

Name: Stratiform Version: 3.0.1 Enabled: false

Name: Tab Mix Plus Version: 0.4.1.8 Enabled: false

Name: Text Link Version: 4.1.2013040601 Enabled: false

Name: Tile Tabs Version: 11.13 Enabled: false

Name: Toggle animated GIFs Version: 1.2.1 Enabled: false

Name: WOT Version: 20131118 Enabled: false

Name: Zoom Page Version: 12.0 Enabled: false

Graphics

Adapter Description: NVIDIA Quadro NVS 295 Adapter Drivers: nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um Adapter RAM: 256 ClearType Parameters: D [ Gamma: 2200 Pixel Structure: R ] D [ Gamma: 2200 Pixel Structure: R ClearType Level: 100 Enhanced Contrast: 50 ] Device ID: 0x06fd Direct2D Enabled: true DirectWrite Enabled: true (6.2.9200.16571) Driver Date: 2-23-2011 Driver Version: 8.17.12.6724 GPU #2 Active: false GPU Accelerated Windows: 1/1 Direct3D 11 (OMTC) Subsys ID: 062e10de Vendor ID: 0x10de WebGL Renderer: Google Inc. -- ANGLE (NVIDIA Quadro NVS 295 Direct3D11 vs_4_0 ps_4_0) windowLayerManagerRemote: true AzureCanvasBackend: direct2d 1.1 AzureContentBackend: direct2d 1.1 AzureFallbackCanvasBackend: cairo AzureSkiaAccelerated: 0

Important Modified Preferences

accessibility.typeaheadfind.flashBar: 0 accessibility.warn_on_browsewithcaret: false browser.cache.disk.capacity: 358400 browser.cache.disk.smart_size_cached_value: 358400 browser.cache.disk.smart_size.first_run: false browser.cache.disk.smart_size.use_old_max: false browser.cache.frecency_experiment: 2 browser.display.background_color: #C0C0C0 browser.display.use_system_colors: true browser.fixup.alternate.prefix: browser.link.open_newwindow.override.external: 3 browser.places.smartBookmarksVersion: 7 browser.search.openintab: true browser.sessionstore.upgradeBackup.latestBuildID: 20150415140819 browser.startup.homepage: http://www.google.com browser.startup.homepage_override.buildID: 20150415140819 browser.startup.homepage_override.mstone: 37.0.2 browser.tabs.drawInTitlebar: false browser.tabs.onTop: false browser.tabs.selectOwnerOnClose: false browser.tabs.warnOnClose: false dom.disable_open_during_load: false dom.ipc.plugins.enabled.npietab2.dll: true dom.mozApps.used: true extensions.lastAppVersion: 37.0.2 font.name.serif.x-western: DejaVu Sans gfx.direct3d.last_used_feature_level_idx: 1 layers.d3d11.disable-warp: true media.gmp-gmpopenh264.lastUpdate: 1432245861 media.gmp-gmpopenh264.version: 1.4 media.gmp-manager.lastCheck: 1440535026 network.cookie.prefsMigrated: true places.database.lastMaintenance: 1440536613 places.history.expiration.transient_current_max_pages: 104858 plugin.disable_full_page_plugin_for_types: application/pdf plugin.importedState: true plugin.state.java: 0 plugin.state.npauthz: 0 plugin.state.npdeployjava: 0 plugin.state.npican: 2 plugin.state.npmfv: 0 plugin.state.npnv3dv: 0 plugin.state.npnv3dvstreaming: 0 plugin.state.npoffice: 0 plugin.state.npspwrap: 0 plugin.state.npvlc: 0 print.print_printer: RICOH Aficio MP 3010 print.printer_Konica_Minolta_c284e_(VDR).print_bgcolor: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_bgcolor: false print.printer_Konica_Minolta_c284e_(VDR).print_bgimages: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_bgimages: false print.printer_Konica_Minolta_c284e_(VDR).print_colorspace: print.printer_KONICA_MINOLTA_C284e_(VDR).print_colorspace: print.printer_Konica_Minolta_c284e_(VDR).print_command: print.printer_KONICA_MINOLTA_C284e_(VDR).print_command: print.printer_Konica_Minolta_c284e_(VDR).print_downloadfonts: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_downloadfonts: false print.printer_Konica_Minolta_c284e_(VDR).print_duplex: 1515870810 print.printer_KONICA_MINOLTA_C284e_(VDR).print_duplex: 1515870810 print.printer_Konica_Minolta_c284e_(VDR).print_edge_bottom: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_edge_bottom: 0 print.printer_Konica_Minolta_c284e_(VDR).print_edge_left: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_edge_left: 0 print.printer_Konica_Minolta_c284e_(VDR).print_edge_right: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_edge_right: 0 print.printer_Konica_Minolta_c284e_(VDR).print_edge_top: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_edge_top: 0 print.printer_Konica_Minolta_c284e_(VDR).print_evenpages: true print.printer_KONICA_MINOLTA_C284e_(VDR).print_evenpages: true print.printer_Konica_Minolta_c284e_(VDR).print_footercenter: print.printer_KONICA_MINOLTA_C284e_(VDR).print_footercenter: print.printer_Konica_Minolta_c284e_(VDR).print_footerleft: &PT print.printer_KONICA_MINOLTA_C284e_(VDR).print_footerleft: &PT print.printer_Konica_Minolta_c284e_(VDR).print_footerright: &D print.printer_KONICA_MINOLTA_C284e_(VDR).print_footerright: &D print.printer_Konica_Minolta_c284e_(VDR).print_headercenter: print.printer_KONICA_MINOLTA_C284e_(VDR).print_headercenter: print.printer_Konica_Minolta_c284e_(VDR).print_headerleft: &T print.printer_KONICA_MINOLTA_C284e_(VDR).print_headerleft: &T print.printer_Konica_Minolta_c284e_(VDR).print_headerright: &U print.printer_KONICA_MINOLTA_C284e_(VDR).print_headerright: &U print.printer_Konica_Minolta_c284e_(VDR).print_in_color: true print.printer_KONICA_MINOLTA_C284e_(VDR).print_in_color: true print.printer_Konica_Minolta_c284e_(VDR).print_margin_bottom: 0.5 print.printer_KONICA_MINOLTA_C284e_(VDR).print_margin_bottom: 0 print.printer_Konica_Minolta_c284e_(VDR).print_margin_left: 0.25 print.printer_KONICA_MINOLTA_C284e_(VDR).print_margin_left: 0.300000011920929 print.printer_Konica_Minolta_c284e_(VDR).print_margin_right: 0.25 print.printer_KONICA_MINOLTA_C284e_(VDR).print_margin_right: 0 print.printer_Konica_Minolta_c284e_(VDR).print_margin_top: 0.5 print.printer_KONICA_MINOLTA_C284e_(VDR).print_margin_top: 0.5 print.printer_Konica_Minolta_c284e_(VDR).print_oddpages: true print.printer_KONICA_MINOLTA_C284e_(VDR).print_oddpages: true print.printer_Konica_Minolta_c284e_(VDR).print_orientation: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_orientation: 0 print.printer_Konica_Minolta_c284e_(VDR).print_page_delay: 50 print.printer_KONICA_MINOLTA_C284e_(VDR).print_page_delay: 50 print.printer_Konica_Minolta_c284e_(VDR).print_paper_data: 1 print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_data: 5 print.printer_Konica_Minolta_c284e_(VDR).print_paper_height: 11.00 print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_height: 11.00 print.printer_Konica_Minolta_c284e_(VDR).print_paper_name: print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_name: print.printer_Konica_Minolta_c284e_(VDR).print_paper_size_type: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_size_type: 0 print.printer_Konica_Minolta_c284e_(VDR).print_paper_size_unit: 0 print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_size_unit: 0 print.printer_Konica_Minolta_c284e_(VDR).print_paper_width: 8.50 print.printer_KONICA_MINOLTA_C284e_(VDR).print_paper_width: 8.50 print.printer_Konica_Minolta_c284e_(VDR).print_plex_name: print.printer_KONICA_MINOLTA_C284e_(VDR).print_plex_name: print.printer_Konica_Minolta_c284e_(VDR).print_resolution: 1515870810 print.printer_KONICA_MINOLTA_C284e_(VDR).print_resolution: 1515870810 print.printer_Konica_Minolta_c284e_(VDR).print_resolution_name: print.printer_KONICA_MINOLTA_C284e_(VDR).print_resolution_name: print.printer_Konica_Minolta_c284e_(VDR).print_reversed: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_reversed: false print.printer_Konica_Minolta_c284e_(VDR).print_scaling: 1.00 print.printer_KONICA_MINOLTA_C284e_(VDR).print_scaling: 0.88 print.printer_Konica_Minolta_c284e_(VDR).print_shrink_to_fit: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_shrink_to_fit: false print.printer_Konica_Minolta_c284e_(VDR).print_to_file: false print.printer_KONICA_MINOLTA_C284e_(VDR).print_to_file: fa

kaitchison
kaitchison Question owner
more options

cor-el said

You can try to disable WARP and set this pref to true.
  • layers.d3d11.disable-warp = true

As you can see in the previous reply, I tried this but it didn't help. Nor did disabling all extensions other than Stylish.

It could be a problem with the stylesheet itself, since I don't encounter this often on other websites, but pinpointing the exact selector(s) and rules that trigger the artifacts would be a daunting task (the stylesheet itself is around 43k in size).

Any other ideas? I had thought to write a simple Scriptish (i.e. GreaseMonkey) script to toggle OMTC on and off either manually or after checking the url domain, but a permanent fix would be better.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You do not need the print prefs, so you can leave out those as well.

Did you try Firefox Safe Mode?

philipp
philipp
  • Moderator
more options

please also try updating your nvidia graphics driver: http://www.nvidia.com/download/driverResults.aspx/90031/en-us

kaitchison
kaitchison Question owner
more options

Chosen Solution

I didn't try safe mode, but your link reminded me to also check

Options > Advanced > Use hardware acceleration when available

It was checked. So I unchecked it, restarted Firefox, reloaded the page and voila! The artifacts were gone!

That solves my problem, just as it did for the poster of issue 1039058. So to recap (for anyone else reading this having similar issues) the solution for me that worked was: 

 •  layers.offmainthreadcomposition.enabled = true

(i.e. OMTC; Disabling this fixed the artifacts but broke Google Maps) 

 •  layers.d3d11.disable-warp = true

 •  layers.acceleration.disabled = true

(This is the same as unchecking Options>Advanced>Use hardware acceleration when available)

I suggest to others troubleshooting to first try disabling hardware acceleration from the menu first, restarting Firefox and then reloading the page with the artifacts. That may be enough to solve the problem. If it doesn't, then try changing layers.d3d11.disable-warp from about:config and see if that helps.

Thanks for your help, cor-el!