List delegate flicks outside of container

[prophet0]

Container

Rectangle {
            id: menuCont
            width: 350; height: 301; x: -(parent.width * 500); y: 460;
            color: "Black";
 
            ListView {
                id: menuListView; model: iconModel; delegate: Common.MenuDelegate { } z: 2
                width: parent.width; height: parent.height; x:  -(parent.width * 500); y: 460; cacheBuffer: 100;
                spacing: 2; anchors.fill:parent
 
            }
        }

Rectangle {
            id: menuCont
            width: 350; height: 301; x: -(parent.width * 500); y: 460;
            color: "Black";

            ListView {
                id: menuListView; model: iconModel; delegate: Common.MenuDelegate { } z: 2
                width: parent.width; height: parent.height; x:  -(parent.width * 500); y: 460; cacheBuffer: 100;
                spacing: 2; anchors.fill:parent

            }
        }

To copy to clipboard, switch view to plain text mode 

MenuDelegate

import QtQuick 1.0
 
Component {
    Item {
        id: wrapper; width: 344; height: 301
        Item {
            id: moveMe
 
            Rectangle {
                id: menuItem
                width: 344; height: 57; color: "#00000000"; smooth: true
                Image { source: "../Logic/images/textbox/directory.png"  }
 
                Behavior on opacity { PropertyAnimation { duration: 1000 } }
                MouseArea { anchors.fill: parent; onClicked: menuItem.opacity = 0.2 }
            }
            Column {
                x: 15; y: 15; width: wrapper.ListView.view.width
                Text { text: xName; color: "white"; width: parent.width;  font.pixelSize: 20; font.bold: true; elide: Text.ElideRight; style: Text.Raised; styleColor: "black" }
            }
        }
    }
}

import QtQuick 1.0

Component {
    Item {
        id: wrapper; width: 344; height: 301
        Item {
            id: moveMe

            Rectangle {
                id: menuItem
                width: 344; height: 57; color: "#00000000"; smooth: true
                Image { source: "../Logic/images/textbox/directory.png"  }

                Behavior on opacity { PropertyAnimation { duration: 1000 } }
                MouseArea { anchors.fill: parent; onClicked: menuItem.opacity = 0.2 }
            }
            Column {
                x: 15; y: 15; width: wrapper.ListView.view.width
                Text { text: xName; color: "white"; width: parent.width;  font.pixelSize: 20; font.bold: true; elide: Text.ElideRight; style: Text.Raised; styleColor: "black" }
            }
        }
    }
}

To copy to clipboard, switch view to plain text mode 

screenshot.png

if you look at the screen shot you see that the menuItem is outside of the menuListView
**Red lines show where the listview should reside

What am i doing wrong for this to happen?

[Le_B]

you need to set clip: true to your listview

[prophet0]

Thank you I have been searching forever

Again thanks very much works awesome