Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-76274

Artefacts when using border + border-radius + background in QSS

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • P2: Important
    • None
    • 5.12.3
    • Widgets: Style Sheets
    • None
    • macOS

    Description

      Using border + border-radius together with background style sheet properties leads to (antialiasing?) artifacts in the top left corner of the resulting box (all other corners look fine). These artifacts result into a dirty, anti-aesthetic look. Note that removing either background or border makes the problem go away. I.e. when only background or border is used in conjunction with border-radius, all four rounded corners are OK.

      There is also another related problem: using a color with transparency for border makes it give wrong results in corners due to intersection of edge lines. Apparently, they should not intersect.

      Screenshots and the test app attached.

      Attachments

        1. border-bug.png
          border-bug.png
          6 kB
        2. border-bug-closer-1.png
          border-bug-closer-1.png
          9 kB
        3. border-bug-closer-2.png
          border-bug-closer-2.png
          6 kB
        4. main.cpp
          1 kB
        5. QSSBorderBackground.pro
          0.1 kB
        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            qt.team.quick.subscriptions Qt Quick and Widgets Team
            dmik Dmitriy Kuminov
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:

              Gerrit Reviews

                There are no open Gerrit changes