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

CSS/HTML rendering bug

  • 2 replies
  • 2 have this problem
  • 21 views
  • Last reply by cor-el

more options

I created an HTML/CSS code for rendering some shapes. No Javascript. No images. Just plain HTML/CSS. The result displays a bug in an element, compared with Chrome. This is not the first time I'm getting this kind of errors in Firefox browsers. Other HTML/CSS elements created previously have rendering issues, but they seem fine in other browsers.

You can verify it here: http://codepen.io/doublecaffe/pen/QwmZJB

Image attached. I'm using Firebox v36, Firefox Developer Edition 37.0a2 and Chrome 40.0.2214.115 m. Any clue about this or fix in a future update?

Thx!

I created an HTML/CSS code for rendering some shapes. No Javascript. No images. Just plain HTML/CSS. The result displays a bug in an element, compared with Chrome. This is not the first time I'm getting this kind of errors in Firefox browsers. Other HTML/CSS elements created previously have rendering issues, but they seem fine in other browsers. You can verify it here: http://codepen.io/doublecaffe/pen/QwmZJB Image attached. I'm using Firebox v36, Firefox Developer Edition 37.0a2 and Chrome 40.0.2214.115 m. Any clue about this or fix in a future update? Thx!
Attached screenshots

All Replies (2)

more options

Please also provide this information in a bugzilla issue in this component:

more options

Looks fine here in Firefox 36.

You can try to disable OMTC and leave hardware acceleration in Firefox enabled.

  • about:config page: layers.offmainthreadcomposition.enabled = false

You can try to disable hardware acceleration in Firefox.

  • Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

You need to close and restart Firefox after toggling this setting.