Clipping: removed many unecessary clip: true

Modules/Bar/Extras/TrayMenu.qml

@@ -108,7 +108,6 @@ PopupWindow {
     anchors.margins: Style.marginS * scaling
     contentHeight: columnLayout.implicitHeight
     interactive: true
-    clip: true
 
     // Use a ColumnLayout to handle menu item arrangement
     ColumnLayout {

Modules/ControlCenter/Cards/MediaCard.qml

@@ -136,7 +136,6 @@ NBox {
           height: 90 * scaling
           radius: width * 0.5
           color: trackArt.visible ? Color.mPrimary : Color.transparent
-          clip: true
 
           // Can't use fallback icon here, as we have a big disc behind
           NImageCircled {

Modules/Launcher/Launcher.qml

@@ -305,11 +305,8 @@ NPanel {
         Layout.fillWidth: true
         Layout.fillHeight: true
         spacing: Style.marginXXS * scaling
-
         model: results
         currentIndex: selectedIndex
-
-        clip: true
         cacheBuffer: resultsList.height * 2
         onCurrentIndexChanged: {
           cancelFlick()
@@ -387,7 +384,6 @@ NPanel {
                 Layout.preferredHeight: badgeSize
                 radius: Style.radiusM * scaling
                 color: Color.mSurfaceVariant
-                clip: true
 
                 // Image preview for clipboard images
                 NImageRounded {

Modules/Notification/Notification.qml

@@ -184,7 +184,6 @@ Variants {
             Layout.preferredHeight: notificationLayout.implicitHeight + (Style.marginL * 2 * cardScaling)
             Layout.maximumHeight: Layout.preferredHeight
 
-            clip: true
             radius: Style.radiusL * cardScaling
             border.color: Color.mOutline
             border.width: Math.max(1, Style.borderS * cardScaling)

Modules/Settings/SettingsPanel.qml

@@ -438,7 +438,6 @@ NPanel {
           color: Color.mSurfaceVariant
           border.color: Color.mOutline
           border.width: Math.max(1, Style.borderS * scaling)
-          clip: true
 
           ColumnLayout {
             id: contentLayout
@@ -518,8 +517,6 @@ NPanel {
                       horizontalPolicy: ScrollBar.AlwaysOff
                       verticalPolicy: ScrollBar.AsNeeded
                       padding: Style.marginL * scaling
-                      clip: true
-
                       Component.onCompleted: {
                         root.activeScrollView = scrollView
                       }

Modules/Settings/Tabs/AboutTab.qml

@@ -113,7 +113,6 @@ ColumnLayout {
     cellWidth: Style.baseWidgetSize * 7 * scaling
     cellHeight: Style.baseWidgetSize * 3 * scaling
     model: root.contributors
-    clip: true
 
     delegate: Rectangle {
       width: contributorsGrid.cellWidth - Style.marginM * scaling

Widgets/NBox.qml

@@ -15,5 +15,4 @@ Rectangle {
   radius: Style.radiusM * scaling
   border.color: Color.mOutline
   border.width: Math.max(1, Style.borderS * scaling)
-  clip: true
 }

Widgets/NCircleStat.qml

@@ -24,7 +24,6 @@ Rectangle {
   radius: Style.radiusS * scaling
   border.color: flat ? Color.transparent : Color.mSurfaceVariant
   border.width: flat ? 0 : Math.max(1, Style.borderS * scaling)
-  clip: true
 
   // Repaint gauge when the bound value changes
   onValueChanged: gauge.requestPaint()

Widgets/NCollapsible.qml

@@ -170,9 +170,6 @@ ColumnLayout {
       anchors.fill: parent
       anchors.margins: Style.marginL * scaling
       spacing: root.contentSpacing
-
-      // Clip content during animation
-      clip: true
     }
 
     // Fade in animation for content

Widgets/NColorPickerDialog.qml

@@ -123,7 +123,6 @@ Popup {
 
     verticalPolicy: ScrollBar.AlwaysOff
     horizontalPolicy: ScrollBar.AlwaysOff
-    clip: true
 
     ColumnLayout {
       width: scrollView.availableWidth

Widgets/NContextMenu.qml

@@ -26,12 +26,11 @@ Popup {
     radius: Style.radiusM * scaling
   }
 
-  contentItem: ListView {
+  contentItem: NListView {
     id: listView
     implicitHeight: contentHeight
     spacing: Style.marginXXS * scaling
     interactive: contentHeight > root.height
-    clip: true
 
     delegate: ItemDelegate {
       id: menuItem

Widgets/NFilePicker.qml

@@ -399,7 +399,6 @@ Popup {
         radius: Style.radiusM * scaling
         border.color: Color.mOutline
         border.width: Math.max(1, Style.borderS * scaling)
-        clip: true
 
         FolderListModel {
           id: folderModel
@@ -487,6 +486,7 @@ Popup {
           model: filteredModel
           visible: filePickerPanel.viewMode
           clip: true
+          reuseItems: true
 
           property int columns: Math.max(1, Math.floor(width / (120 * scaling)))
           property int itemSize: Math.floor((width - leftMargin - rightMargin - (columns * Style.marginS * scaling)) / columns)
@@ -639,13 +639,13 @@ Popup {
                   else if (mouseArea.containsMouse)
                     return Color.mOnTertiary
                   else
-                    return Color.mOnSurface
+                    return Color.mOnSurfaceVariant
                 }
                 pointSize: Style.fontSizeS * scaling
                 font.weight: isSelected ? Style.fontWeightBold : Style.fontWeightRegular
                 Layout.fillWidth: true
                 horizontalAlignment: Text.AlignHCenter
-                wrapMode: Text.WordWrap
+                wrapMode: Text.WrapAnywhere
                 elide: Text.ElideRight
                 maximumLineCount: 2
               }
@@ -700,7 +700,6 @@ Popup {
           anchors.margins: Style.marginS * scaling
           model: filteredModel
           visible: !filePickerPanel.viewMode
-          clip: true
 
           delegate: Rectangle {
             id: listItem

Widgets/NSlider.qml

@@ -37,7 +37,6 @@ Slider {
       id: activeTrackContainer
       width: root.visualPosition * parent.width
       height: parent.height
-      clip: true
 
       // The rounded end cap made from a rounded rectangle
       Rectangle {

Widgets/NSpinBox.qml

@@ -84,7 +84,6 @@ RowLayout {
       anchors.bottom: parent.bottom
       anchors.left: parent.left
       opacity: root.enabled && root.value > root.from ? 1.0 : 0.3
-      clip: true
 
       Item {
         id: leftSemicircle
@@ -180,7 +179,6 @@ RowLayout {
       anchors.bottom: parent.bottom
       anchors.right: parent.right
       opacity: root.enabled && root.value < root.to ? 1.0 : 0.3
-      clip: true
 
       Item {
         id: rightSemicircle