Proper usage of ContextMenu in a delegated SilicaListView

martonmiklos · 9 February 2022 22:58

Hi folks,

I have a SilicaListview where I use a delegate item:

martonmiklos/sailfish-ble-rc/blob/master/qml/pages/SearchPage.qml#L49

    
      
                          text: AvailableDevicesModel.scanInProgress
                                ? qsTr("Discovery in progress...")
                                : qsTr("Discover devices")
                          enabled: !AvailableDevicesModel.scanInProgress
                          onClicked: AvailableDevicesModel.detectDevices()
                      }
                  }
          
          
        id: listViewDetectedDevices
                  model: AvailableDevicesModel
                  delegate: detectedDeviceDelegate
                  anchors.fill: parent
                  leftMargin: Theme.paddingMedium
                  header: PageHeader {
                      title: AvailableDevicesModel.statusString
                  }
          
          
        VerticalScrollDecorator {}
              }
          }

This is the delegate code:

github.com

martonmiklos/sailfish-ble-rc/blob/master/qml/pages/DiscoveredRcItem.qml#L5

    
      
          import QtQuick 2.0
          import Sailfish.Silica 1.0
          import hu.mm.sailfish_ble_rc 1.0
          
          
ListItem {
              id: detectedDevice
              property string name : ""
              property string typeName : ""
              property string image : ""
              property string alias: ""
              property int index: -1
              height: row.height + Theme.paddingSmall
          
          
    onClicked: {
                  AvailableDevicesModel.connectToDevice(index)

The delegate itself displayed fine, however the menu appears weirdly in front of my delegate:
kép

What is the best way to move the context menu below my item?
Many thanks in advance!

rgrnetalk · 10 February 2022 06:30

A similar question will probably answer your question …

slava · 10 February 2022 10:15

That’s most likely because you have fixed the height of your ListItem

martonmiklos · 10 February 2022 17:32

Yes it was. I set it because if I do not specify it my items got overlapping:
kép

Do you happen to have any suggestions how to overcome this?

attah · 10 February 2022 17:52

I think you can set contentHeight to get taller delegates.
I use contentItem.height, but the former is a nicer alias for it.

martonmiklos · 10 February 2022 18:22

Ah man you saved the day:
kép

martonmiklos · 12 February 2022 13:10

@martyone I was wondering about if the qmllint which checks the QML files in the Sailfish IDE could catch such an issues. Does the Sailfish SDK using a fork or an upstream qmllint?

martyone · 14 February 2022 07:08

AFAIK neither Sailfish IDE nor the upstream Qt Creator makes any use of qmllint. Sailfish IDE does not differ from the upstream Qt Creator in the static QML code checker. Anyway, to me the issue discussed here does not seem to be generic enough to be suitable for any of these.

martonmiklos · 14 February 2022 07:57

AFAIK neither Sailfish IDE nor the upstream Qt Creator makes any use of qmllint.

Upps, I was not aware of that the static QML checking is built into the QtCreator and not run externally by the qmllint.