Closed Bug 804747 Opened 12 years ago Closed 1 year ago

CSS triangles not appearing correctly

Categories

(Core :: Graphics, defect)

Product:
Core
Component:
Graphics
Version:
16 Branch
Platform:
x86_64
Windows 7
Type:
defect

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: alistair.harris230, Unassigned)

References

Details

(Whiteboard: DUPEME)

Attachments

(1 file)

An image, showing examples of the issue over several web pages; along with a CSS triangle rendering page that shows Chrome vs. Firefox - as well as a small bit of information.
101.57 KB, image/png
Details 
<Introductory notes and information>
Firstly... the issue just seemed to occur out of the blue and has been occurring for quite some time; for longer than I can remember [months, perhaps?].

<Onto the issue>
The CSS triangles have not been appearing correctly.
I have attached a .bmp image, showing several examples of the issue.
CSS triangles appear blurred in Firefox; and the most commonly used type [my web-development skills are minimal, so I can't easily identify the issue] appear as blurred rectangles - mainly used for drop-down menus, such as the triangles used for the top-right where the YouTube account menu (...subscriptions, view [next to 'uploads'], etc.) is and in the same location for the language and account selection on Twitter. It may also appear with the 'speech-mark' designs for Facebook and Twitter, for the amount of likes and tweets, etc.

<Solutions and what I have ATTEMPTED - trying to resolve the issue, so far>
I have uninstalled the browser on many occasions ...deleted any remaining directories related to Firefox and/or Mozilla; along with all the main registry keys and subkeys related to Firefox and/or Mozilla. Perhaps I am missing something that I should be clearing in hope of resolving this problem?!
It DOES, however, appear to be system specific. I have an installation of Firefox on another machine which does not suffer from the same issue; so it seems to be a per-system issue, if it is, or if it isn't, seems to be the case.
It does not matter what version of Firefox that I am on - the issue occurs no matter what.
On a final note; other web browsers - such as Chrome, Opera and IE - are not suffering from this issue.

<Exit note(s) (...and crossed fingers)>
Hopefully someone is aware of a solution!!
I just want to add one quick note!
It does not matter as to whether I have add-ons enabled ...or even installed; this occurs with or without regard to add-ons.
Your forgot to include the basic things for a bug report.
a) a testcase either attached or as URL
b) The used Firefox Version 

I guess that one of your examples is http://davidwalsh.name/demo/css-triangles.php
That works for me with Seamonkey trunk and Firefox17beta on Windows7

Does it work in thew Firefox safemode: Help/restart with addons disabled ?
Thank-you for posting a comment, Matthias;

In response to 'b'; I did select 'branch 16'. However, specifically... it's currently 16.0.1 - but this issue has occured through as many builds as I can remember. [most likely since branch 10 or 11 [release].]
...and in response to 'a'; that was more-or-less my attached 'test-case' - along with some explanations as to how all of the CSS triangles appear correctly on those web-pages in Chrome, Opera, IE, etc.

I believe it does not and I had already tried that to resolve the issue; however, just in case it does, I shall attempt this later on, when I return home.

If, however, you would be able to tell me of EVERY SINGLE FILE, DIRECTORY, KEY AND SUBKEYS - etc. - to delete, then it may be possible to more-or-less have a new, perfectly clean version, that works. Previously, I did mention (in my first comment/the original bug report, ) that I 'cleared out' all that I know of; but that I may have missed something.

Anyhow, I shall try that later; and if you have any other ideas in the mean time, please do post another comment.

Thanks!
...and when I said "most likely since branch 10 or 11 [release]"; that means the time of those releases - I believe that I've tried many old builds of Firefox and it hasn't resolved the issue [so surely some things have not been deleted when I was trying to clean out all remaining Firefox files and keys [registry] after uninstalling?!]. I shall attempt that yet again, when I return home.
Does it still happen if you restart Firefox in Safe Mode?

http://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
Note: bugzilla is not for support questions. We have http://support.mozilla.org for that.

>if you have any other ideas in the mean time, please do post another comment
As I already wrote you should try the Firefox safemode.

In case that it works post the graphic section (not everything) from about:support
(In reply to Matthias Versen (Matti) from comment #6)
> Note: bugzilla is not for support questions. We have
> http://support.mozilla.org for that.
> 
> >if you have any other ideas in the mean time, please do post another comment
> As I already wrote you should try the Firefox safemode.
> 
> In case that it works post the graphic section (not everything) from
> about:support

I would deem it to be a 'bug' when installed as a 'from-scratch' setup and having issues in one situation, as... when in safemode, the CSS triangles seem to appear correctly ...even if there are no add-ons.
--- However, I shall use that in the future; although I'm pretty sure that I posted something there before and it took weeks or months before anyone even looked at it. I may be incorrect, though. ---
So even with a clean installation, if there are no add-ons and it's in normal mode, they are still not appearing correctly; safe-mode ...works fine.

Anyhow.... about:support -> graphics:
  Graphics

        Adapter Description
        NVIDIA GeForce GTX 670

        Vendor ID
        0x10de

        Device ID
        0x1189

        Adapter RAM
        2048

        Adapter Drivers
        nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um

        Driver Version
        9.18.13.1033

        Driver Date
        10-19-2012

        Direct2D Enabled
        true

        DirectWrite Enabled
        true (6.1.7601.17789)

        ClearType Parameters
        Gamma: 2200 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 100

        WebGL Renderer
        Google Inc. -- ANGLE (NVIDIA GeForce GTX 670) -- OpenGL ES 2.0 (ANGLE 1.0.0.1041)

        GPU Accelerated Windows
        1/1 Direct3D 10

        AzureBackend
        direct2d
Please disable the hardware graphic acceleration (only for a test) under tools/options/advanced/general and restart Firefox (normal mode) and test again.
(In reply to Matthias Versen (Matti) from comment #8)
> Please disable the hardware graphic acceleration (only for a test) under
> tools/options/advanced/general and restart Firefox (normal mode) and test
> again.

Hmmh. I was pondering over that. It worked; I was thinking to myself that perhaps it's an issue related to Kepler, alone. ...but if it was, then it should be affecting other browsers.

Anything that you can think of?
Component: General → Style System (CSS)
Product: Firefox → Core
Component: Style System (CSS) → Graphics
Whiteboard: DUPEME
---UPDATE---

I have made a clean installation of Windows 8 [my main OS is Win. 7 Ultimate x64 w/ SP1, as I have previously mentioned.] on another partition. I installed the drivers and the same issue occurs.

I suppose that I can more-or-less confirm that it is an issue with the Kepler architecture!

I'd like to see this fixed ...but yes, it's something to do in relation to Kepler, or GK104, at least.

---UPDATE---
Seeing this issue on a fresh system, too. I'd be happy to assist someone in debugging this. Firefox 20.0.1, Windows 8 x64.

  Graphics

        Adapter Description
        NVIDIA GeForce GTX 670

        Adapter Drivers
        nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um

        Adapter RAM
        2047

        Device ID
        0x1189

        Direct2D Enabled
        true

        DirectWrite Enabled
        true (6.2.9200.16433)

        Driver Date
        3-14-2013

        Driver Version
        9.18.13.1422

        GPU #2 Active
        false

        GPU Accelerated Windows
        1/1 Direct3D 10

        Vendor ID
        0x10de

        WebGL Renderer
        Google Inc. -- ANGLE (NVIDIA GeForce GTX 670)

        AzureCanvasBackend
        direct2d

        AzureContentBackend
        direct2d

        AzureFallbackCanvasBackend
        cairo
Determined that this issue is caused by changing the Anisotropic Filtering level in the Nvidia Control Panel; Application-controlled is the default value and CSS triangles appear as they should, while going from 4x to 16x produces progressively worse results. Off/2x didn't produce noticeably different results, but I didn't do a pixel perfect comparison.
Any news here? I can reproduce this issue. I've installed Firefox 29.0.1 on a Windows 7 Virtual Box form http://modern.ie

But turning off the Hardware acceleration does not help - at least anymore. One time the arrow has been rendered correct. But after restarting Firefox i don't get it working anymore.

One more fact: Just "right arrows" are not renderd correct. The "left arrow" looks fine.
Example:
http://s30.postimg.org/v1p5alfbh/arrows.png
I have got the same issue with my new AMD R7 260x graphics card. As @SpencerHakin said, it starts getting blurry at 4x Anisotropic filtering and gets even worse at higher levels.

Disabling HW accel fixes that issue (although without HW accell the triangles also aren't really nice).
Possibly related: bug 549419
Blocks: 1081148
Severity: normal → S3

Unable to reproduce in recent versions.

Status: UNCONFIRMED → RESOLVED
Closed: 1 year ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: