To be more specific, I have a simple tab bar in a applicationWindow like this :

ApplicationWindow{ id:root width: 800 height: 480 visible: true title: qsTr("Test") SwipeView { id: swipeView anchors.fill: parent currentIndex: tabBar.currentIndex PageAccueil {} PagePcl {} Page3Form {} } footer: TabBar { id: tabBar Material.accent: "#ff9b22" height: 40 currentIndex: swipeView.currentIndex TabButton { text: qsTr("Page 1") } TabButton { text: qsTr("Page 2") } TabButton { text: qsTr("Page 3") } } }

Here in window, when I click on the footer , the ripple is inside the tab button I clicked on, as it should be. But on linux like I said before the ripple effect is going at the top right of the application.