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

Layouts are broken when using layers

    XMLWordPrintable

Details

    • Bug
    • Resolution: Done
    • P2: Important
    • 5.11.2
    • 5.10
    • Quick: Layouts
    • None
    • 085d13f6ae3009bd157bfce6a062453d95298cbc

    Description

      The layout in the following application is broken if layers are used:

      import QtGraphicalEffects 1.0
      import QtQuick 2.9
      import QtQuick.Layouts 1.3
      import QtQuick.Window 2.0
      
      Window {
          id: window
          width: 300
          height: 200
          visible: true
      
          RowLayout {
              id: rowLayout
              width: 180
              anchors.centerIn: parent
      
              Rectangle {
                  implicitWidth: 80
                  implicitHeight: 30
                  color: "navajowhite"
      
                  Layout.alignment: Qt.AlignLeft
                  Layout.fillWidth: true
              }
      
              Rectangle {
                  implicitWidth: 80
                  implicitHeight: 30
                  color: "navajowhite"
      
                  Layout.alignment: Qt.AlignRight
                  Layout.fillWidth: true
      
                  layer.enabled: true
                  layer.effect: Glow {
                      color: "white"
                      samples: 20
                      spread: 0.3
                  }
              }
          }
      
          Rectangle {
              anchors.fill: rowLayout
              color: "transparent"
              border.color: "black"
          }
      }
      

      This table describes the results:

      code result
                  layer.enabled: true
                  layer.effect: Glow {
                      color: "white"
                      samples: 20
                      spread: 0.3
                  }
      
      //            layer.enabled: true
      //            layer.effect: Glow {
      //                color: "white"
      //                samples: 20
      //                spread: 0.3
      //            }
      
      //            layer.enabled: true
                  layer.effect: Glow {
                      color: "white"
                      samples: 20
                      spread: 0.3
                  }
      
                  layer.enabled: true
      //            layer.effect: Glow {
      //                color: "white"
      //                samples: 20
      //                spread: 0.3
      //            }
      

      Attachments

        Issue Links

          No reviews matched the request. Check your Options in the drop-down menu of this sections header.

          Activity

            People

              mitch_curtis Mitch Curtis
              mitch_curtis Mitch Curtis
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Gerrit Reviews

                  There are no open Gerrit changes