Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

When I view some canvas3d/webgl content, the toolbar is mirrored on the canvas. Is this a bug?


I'm experiencing a weird issue with canvas tags using webgl. When I open some pages with webgl, my top toolbar (back/forward buttons, awesome bar and all the rest) is mirrored in the bottom of the canvas element instead of showing the expected content. Focusing any other window causes the mirrored image to be replaced with the actual content.

I have tested this with several webgl pages, the problem only appears on some of them, and I have no idea why. An example page that does show the problem: http://alteredqualia.com/three/examples/webgl_cubes.html.

I have also tested this under a default profile with none of my addons installed, and still experienced the problem. I'm running Firefox 25, under OSX 10.6. Screenshot here: http://imgur.com/TZcABYN

I've searched around and not found any reference to a problem like this. Is this an unreported bug?

Post a Reply

Additional System Details

Installed Plug-ins

  • Version
  • Google Talk Plugin Video Accelerator version:
  • Shockwave Flash 11.9 r900
  • Displays Java applet content, or a placeholder if Java is not installed.
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Plugin that detects installed Citrix Online products (visit www.citrixonline.com).
  • 5.1.20125.0
  • doubleTwist Web Plugin
  • DivX Web Player version
  • DivX OVS Helper Plug-in
  • iPhoto6


  • Firefox 25.0.1
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:25.0) Gecko/20100101 Firefox/25.0
  • Support URL: https://support.mozilla.org/1/firefox/25.0.1/Darwin/en-US/


  • Adblock Plus 2.4 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Firebug 1.12.4 (firebug@software.joehewitt.com)
  • FireGestures 1.7.14 (firegestures@xuldev.org)
  • Flash Video Downloader 4.0.7 (artur.dubovoy@gmail.com)
  • Flashblock 1.5.17 ({3d7eb24f-2740-49df-8937-200b1cc08f8a})
  • NoScript ({73a6fe31-595d-460b-a920-fcc0f8843232})
  • Tab Mix Plus ({dc572301-7619-498c-a57d-39143191b318})
  • Tamper Data 11.0.1 ({9c51bd27-6ed8-4000-a2bf-36cb95c0c947})
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)
  • X-notifier 3.3.9 ({37fa1426-b82d-11db-8314-0800200c9a66})
  • DivX HiQ ({6904342A-8307-11DF-A508-4AE2DFD72085}) (Inactive)
  • DivX Plus Web Player HTML5 <video> ({23fcfd51-4958-4f00-80a3-ae97e717ed8b}) (Inactive)


  • incrementalGCEnabled: True


  • adapterDescription:
  • adapterDeviceID: 0x 8a0
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x10de
  • driverDate:
  • driverVersion:
  • info: {u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'quartz', u'AzureSkiaAccelerated': 0}
  • numAcceleratedWindows: 3
  • numTotalWindows: 3
  • webglRenderer: NVIDIA Corporation -- NVIDIA GeForce 320M OpenGL Engine
  • windowLayerManagerRemote: False
  • windowLayerManagerType: OpenGL

Modified Preferences

  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.disk.capacity: 1048576
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size_cached_value: 706560
  • browser.link.open_newwindow.restriction: 0
  • browser.places.smartBookmarksVersion: 4
  • browser.search.context.loadInBackground: True
  • browser.search.openintab: True
  • browser.sessionstore.max_tabs_undo: 25
  • browser.sessionstore.resume_from_crash: False
  • browser.sessionstore.upgradeBackup.latestBuildID: 20131112160018
  • browser.startup.homepage_override.buildID: 20131112160018
  • browser.startup.homepage_override.mstone: 25.0.1
  • browser.tabs.insertRelatedAfterCurrent: False
  • browser.tabs.loadBookmarksInBackground: True
  • browser.tabs.onTop: False
  • browser.tabs.selectOwnerOnClose: False
  • browser.tabs.warnOnClose: False
  • browser.urlbar.default.behavior: 2
  • dom.max_chrome_script_run_time: 40
  • dom.max_script_run_time: 0
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 25.0.1
  • font.internaluseonly.changed: False
  • gfx.blacklist.webgl.msaa: 4
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1384746024
  • places.history.enabled: False
  • places.history.expiration.transient_current_max_pages: 100664
  • plugin.disable_full_page_plugin_for_types: audio/x-wav,audio/wav,application/pdf
  • plugin.importedState: True
  • plugin.state.adobepdfviewernpapi: 0
  • privacy.donottrackheader.enabled: True
  • privacy.sanitize.migrateFx3Prefs: True
  • privacy.sanitize.sanitizeOnShutdown: True
  • security.warn_viewing_mixed: False
  • security.warn_viewing_mixed.show_once: False
  • storage.vacuum.last.index: 1
  • storage.vacuum.last.places.sqlite: 1382674615


  • User JS: No
  • Accessibility: No
  • Top 10 Contributor
  • Moderator
10738 solutions 96600 answers

Helpful Reply

Try to disable hardware acceleration in Firefox.

Was this helpful to you? 1

Question owner

That did the trick. Thanks!

I've read that the 'Use hardware acceleration when available' setting affects things like CSS transforms and scrolling. Does it also mean that my graphics card is now not being used for webgl?

Was this helpful to you?
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.