We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

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

  • 7 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 2 views
  • Nuɖoɖo mlɔetɔ 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.
Screen ƒe photowo kpe ɖe eŋu

Ŋuɖoɖo si wotia

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!

Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (7)

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...

more options

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

  • layers.d3d11.disable-warp = true
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: firebug@tools.sitepoint.com

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

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.

more options

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

Did you try Firefox Safe Mode?

more options

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

more options

Ɖɔɖɔɖo si wotia

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!