Keyboard shortcuts

Linphone/data/image/switch-off.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="20" rx="10" fill="#9AABB5"/>
-<circle cx="10" cy="10" r="6" fill="white"/>
-</svg>

Linphone/data/image/switch-on.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="20" rx="10" fill="#4FAE80"/>
-<circle cx="22" cy="10" r="6" fill="white"/>
-</svg>

Linphone/view/App/CallsWindow.qml

@@ -280,9 +280,9 @@ AppWindow {
 								id: callStatusText
 								text: (mainWindow.callState === LinphoneEnums.CallState.End  || mainWindow.callState === LinphoneEnums.CallState.Released)
 									? qsTr("End of the call")
-									: mainWindow.call && mainWindow.call.core.paused
+									: mainWindow.call && (mainWindow.call.core.paused
 									|| (mainWindow.callState === LinphoneEnums.CallState.Paused
-									|| mainWindow.callState === LinphoneEnums.CallState.PausedByRemote)
+									|| mainWindow.callState === LinphoneEnums.CallState.PausedByRemote))
 										? (mainWindow.conference ? qsTr('Réunion mise ') : qsTr('Appel mis')) + qsTr(" en pause")
 										: mainWindow.conference
 											? mainWindow.conference.core.subject
@@ -348,8 +348,9 @@ AppWindow {
 								visible: mainWindow.call && mainWindow.callState === LinphoneEnums.CallState.Connected || mainWindow.callState === LinphoneEnums.CallState.StreamsRunning
 								imageSource: mainWindow.call 
 								? mainWindow.call.core.encryption === LinphoneEnums.MediaEncryption.Srtp
+
 									? AppIcons.lockSimple
-									: mainWindow.call.core.encryption === LinphoneEnums.MediaEncryption.Zrtp 
+									: mainWindow.call && mainWindow.call.core.encryption === LinphoneEnums.MediaEncryption.Zrtp 
 										? mainWindow.call.core.isMismatch || !mainWindow.call.core.tokenVerified
 											? AppIcons.warningCircle
 											: AppIcons.lockKey
@@ -500,6 +501,12 @@ AppWindow {
 					id: contactsListPanel
 					Item {
 						Control.StackView.onActivated: rightPanel.headerTitleText = qsTr("Transfert d'appel")
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						CallContactsLists {
 							id: callcontactslist
 							anchors.fill: parent
@@ -520,6 +527,12 @@ AppWindow {
 					ColumnLayout {
 						Control.StackView.onActivated: rightPanel.headerTitleText = qsTr("Dialer")
 						spacing: 0
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						Item {
 							Layout.fillWidth: true
 							Layout.fillHeight: true
@@ -559,8 +572,14 @@ AppWindow {
 				}
 				Component {
 					id: changeLayoutPanel
-					Item {
+					FocusScope {
 						Control.StackView.onActivated: rightPanel.headerTitleText = qsTr("Modifier la disposition")
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						ColumnLayout {
 							anchors.fill: parent
 							anchors.topMargin: 16 * DefaultStyle.dp
@@ -631,6 +650,12 @@ AppWindow {
 							rightPanel.headerTitleText = qsTr("Liste d'appel")
 							rightPanel.customHeaderButtons = mergeCallPopupButton.createObject(rightPanel)
 						}
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						spacing: 0
 						Component {
 							id: mergeCallPopupButton
@@ -725,6 +750,10 @@ AppWindow {
 											popup.contentItem: ColumnLayout {
 												spacing: 0
 												Button {
+													id: pausingButton
+													onClicked: modelData.core.lSetPaused(!modelData.core.paused)
+													KeyNavigation.up: endCallButton
+													KeyNavigation.down: endCallButton
 													background: Item {}
 													contentItem: RowLayout {
 														spacing: 5 * DefaultStyle.dp
@@ -743,16 +772,18 @@ AppWindow {
 															|| modelData.core.state === LinphoneEnums.CallState.PausedByRemote
 															? qsTr("Reprendre l'appel") : qsTr("Mettre en pause")
 															color: DefaultStyle.main2_500main
+															font.bold: pausingButton.shadowEnabled
 														}
 														Item {
 															Layout.fillWidth: true
 														}
 													}
-													onClicked: {
-														modelData.core.lSetPaused(!modelData.core.paused)
-													}
 												}
 												Button {
+													id: endCallButton
+													onClicked: mainWindow.endCall(modelData)
+													KeyNavigation.up: pausingButton
+													KeyNavigation.down: pausingButton
 													background: Item {}
 													contentItem: RowLayout {
 														spacing: 5 * DefaultStyle.dp
@@ -765,12 +796,12 @@ AppWindow {
 														Text {
 															color: DefaultStyle.danger_500main
 															text: qsTr("Terminer l'appel")
+															font.bold: endCallButton.shadowEnabled
 														}
 														Item {
 															Layout.fillWidth: true
 														}
 													}
-													onClicked: mainWindow.endCall(modelData)
 												}
 											}
 										}
@@ -789,6 +820,12 @@ AppWindow {
 						Control.StackView.onActivated: {
 							rightPanel.headerTitleText = qsTr("Paramètres")
 						}
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						InCallSettingsPanel {
 							id: inSettingsPanel
 							call: mainWindow.call
@@ -804,6 +841,12 @@ AppWindow {
 					id: screencastPanel
 					Item {
 						Control.StackView.onActivated: rightPanel.headerTitleText = qsTr("Partage de votre écran")
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						ScreencastPanel {
 							anchors.fill: parent
 							anchors.topMargin: 16 * DefaultStyle.dp
@@ -817,6 +860,12 @@ AppWindow {
 				Component {
 					id: participantListPanel
 					Item {
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Escape) {
+								rightPanel.visible = false
+								event.accepted = true;
+							}
+						}
 						Control.StackView {
 							id: participantsStack
 							anchors.fill: parent

Linphone/view/App/Layout/LoginLayout.qml

@@ -31,6 +31,7 @@ Rectangle {
 				Layout.fillWidth: true
 			}
 			Button {
+				id: aboutButton
 				Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
 				background: Item{}
 				contentItem: RowLayout {
@@ -45,6 +46,7 @@ Rectangle {
 						Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
 						text: qsTr("À propos")
 						font {
+							underline: aboutButton.underline
 							pixelSize: 14 * DefaultStyle.dp
 							weight: 400 * DefaultStyle.dp
 						}

Linphone/view/App/Layout/MainLayout.qml

@@ -119,6 +119,11 @@ Item {
 						closeContextualMenuComponent()
 					}
 				}
+				Keys.onPressed: (event)=>{
+					if(event.key == Qt.Key_Right){
+						mainStackView.currentItem.forceActiveFocus()
+					}
+				}
 			}
 			ColumnLayout {
 				spacing:0
@@ -138,6 +143,9 @@ Item {
 							if (text.length != 0) listPopup.open()
 							else listPopup.close()
 						}
+						KeyNavigation.down: contactList.count > 0 ? contactList : contactList.footerItem
+						KeyNavigation.up: contactList.footerItem
+						
 						component MagicSearchButton: Button {
 							id: button
 							width: 45 * DefaultStyle.dp
@@ -159,7 +167,9 @@ Item {
 						Popup {
 							id: listPopup
 							width: magicSearchBar.width
-							height: Math.min(magicSearchContent.contentHeight + topPadding + bottomPadding, 400 * DefaultStyle.dp)
+							property int maxHeight: 400 * DefaultStyle.dp
+							property bool displayScrollbar: contactList.contentHeight + topPadding + bottomPadding> maxHeight
+							height: Math.min(contactList.contentHeight + topPadding + bottomPadding, maxHeight)
 							y: magicSearchBar.height
 							// closePolicy: Popup.NoAutoClose
 							topPadding: 20 * DefaultStyle.dp
@@ -174,6 +184,9 @@ Item {
 									radius: 16 * DefaultStyle.dp
 									color: DefaultStyle.grey_0
 									anchors.fill: parent
+									border.color: DefaultStyle.main1_500_main
+									border.width: contactList.activeFocus ? 2 : 0
+									
 								}
 								MultiEffect {
 									source: popupBg
@@ -183,35 +196,20 @@ Item {
 									shadowColor: DefaultStyle.grey_1000
 									shadowOpacity: 0.1
 								}
-							}
+								ScrollBar {
-							
-							contentItem: Control.ScrollView {
-								id: magicSearchContent
-								contentWidth: width
-								contentHeight: content.height
-								Control.ScrollBar.vertical: ScrollBar {
 									id: scrollbar
-									policy: Control.ScrollBar.AsNeeded
+									Component.onCompleted: x = -10 * DefaultStyle.dp
+									policy: Control.ScrollBar.AsNeeded// Don't work as expected
+									visible: listPopup.displayScrollbar
 									interactive: true
-									height: magicSearchContent.availableHeight
+									anchors.top: parent.top
-									anchors.top: listPopup.top
+									anchors.bottom: parent.bottom
-									anchors.bottom: listPopup.bottom
 									anchors.right: parent.right
-								}
+									anchors.margins: 10 * DefaultStyle.dp
-								ColumnLayout {
+									
-									id: content
-									spacing: 10 * DefaultStyle.dp
-									width: magicSearchContent.width - scrollbar.width - 5 * DefaultStyle.dp
-									Text {
-										visible: contactList.count > 0
-										text: qsTr("Contact")
-										color: DefaultStyle.main2_500main
-										font {
-											pixelSize: 13 * DefaultStyle.dp
-											weight: 700 * DefaultStyle.dp
 								}
 							}
-									ContactsList {
+							contentItem: ContactsList {
 								id: contactList
 								visible: magicSearchBar.text.length != 0
 								Layout.preferredHeight: contentHeight
@@ -221,12 +219,54 @@ Item {
 								contactMenuVisible: false
 								actionLayoutVisible: true
 								selectionEnabled: false
-										Control.ScrollBar.vertical.visible: false
+								Control.ScrollBar.vertical: scrollbar
 								model: MagicSearchProxy {
 									searchText: magicSearchBar.text.length === 0 ? "*" : magicSearchBar.text
 									aggregationFlag: LinphoneEnums.MagicSearchAggregation.Friend
 								}
+								
+								Keys.onPressed: (event) => {
+									if(event.key == Qt.Key_Down){
+										if(contactList.currentIndex == contactList.count -1) {
+											contactList.currentIndex = -1
+											contactList.footerItem.forceActiveFocus()
+											event.accepted = true
 										}
+									} else if(event.key == Qt.Key_Up){
+										if(contactList.currentIndex <= 0) {
+											contactList.currentIndex = -1
+											contactList.footerItem.forceActiveFocus()
+											event.accepted = true
+										}
+									}
+								}
+								header: Text {
+									visible: contactList.count > 0
+									text: qsTr("Contact")
+									color: DefaultStyle.main2_500main
+									font {
+										pixelSize: 13 * DefaultStyle.dp
+										weight: 700 * DefaultStyle.dp
+									}
+								}
+								footer:  FocusScope{
+									id: suggestionFocusScope
+									width: contactList.width
+									height: content.implicitHeight
+									onActiveFocusChanged: if(activeFocus) contactList.positionViewAtEnd()
+									Rectangle{
+										anchors.left: parent.left
+										anchors.right: parent.right
+										anchors.bottom: parent.bottom
+										height: suggestionRow.implicitHeight
+										color: suggestionFocusScope.activeFocus ? DefaultStyle.numericPadPressedButtonColor : 'transparent'
+									}
+									ColumnLayout {
+										id: content
+										anchors.fill: parent
+										anchors.rightMargin: 5 * DefaultStyle.dp
+										
+										spacing: 10 * DefaultStyle.dp			
 										Text {
 											text: qsTr("Suggestion")
 											color: DefaultStyle.main2_500main
@@ -235,9 +275,19 @@ Item {
 												weight: 700 * DefaultStyle.dp
 											}
 										}
+										
+										Keys.onPressed: (event) => {
+											if(contactList.count <= 0) return;
+											if(event.key == Qt.Key_Down){
+												contactList.currentIndex = 0
+												event.accepted = true
+											} else if(event.key == Qt.Key_Up){
+												contactList.currentIndex = contactList.count - 1
+												event.accepted = true
+											}
+										}
 										RowLayout {
-										Layout.fillWidth: true
+											id: suggestionRow
-										Layout.rightMargin: 5 * DefaultStyle.dp
 											spacing: 10 * DefaultStyle.dp
 											Avatar {
 												Layout.preferredWidth: 45 * DefaultStyle.dp
@@ -257,20 +307,28 @@ Item {
 												Layout.fillWidth: true
 											}
 											MagicSearchButton {
+												id: callButton
 												Layout.preferredWidth: 45 * DefaultStyle.dp
 												Layout.preferredHeight: 45 * DefaultStyle.dp
 												icon.source: AppIcons.phone
+												focus: true
 												onClicked: {
 													UtilsCpp.createCall(magicSearchBar.text)
 													magicSearchBar.clearText()
 												}
+												KeyNavigation.right: chatButton
+												KeyNavigation.left: chatButton
 											}
 											MagicSearchButton {
+												id: chatButton
 												// TODO : visible true when chat available
 												// visible: false
 												Layout.preferredWidth: 45 * DefaultStyle.dp
 												Layout.preferredHeight: 45 * DefaultStyle.dp
 												icon.source: AppIcons.chatTeardropText
+												KeyNavigation.right: callButton
+												KeyNavigation.left: callButton
+											}
 										}
 									}
 								}
@@ -281,7 +339,6 @@ Item {
 						spacing: 10 * DefaultStyle.dp
 						PopupButton {
 							id: avatarButton
-							background.visible: false
 							Layout.preferredWidth: 54 * DefaultStyle.dp
 							Layout.preferredHeight: width
 							popup.padding: 14 * DefaultStyle.dp
@@ -300,42 +357,92 @@ Item {
 							}
 						}
 						PopupButton {
-							id: settingsButton
+							id: settingsMenuButton
 							Layout.preferredWidth: 24 * DefaultStyle.dp
 							Layout.preferredHeight: 24 * DefaultStyle.dp
 							popup.width: 271 * DefaultStyle.dp
 							popup.padding: 14 * DefaultStyle.dp
-							popup.contentItem: ColumnLayout {
+							popup.contentItem: FocusScope {
+								id: popupFocus
+								implicitHeight: settingsButtons.implicitHeight
+								Keys.onPressed: (event)=> {
+										if (event.key == Qt.Key_Left || event.key == Qt.Key_Escape) {
+											settingsMenuButton.popup.close()
+										event.accepted = true;
+									}
+								}
+								ColumnLayout {
+									id: settingsButtons
+									anchors.fill: parent
 									spacing: 20 * DefaultStyle.dp
+									
+									function getPreviousItem(index){
+										if(visibleChildren.length == 0) return null
+										--index
+										while(index >= 0){
+											if( index!= 4 && children[index].visible) return children[index]
+											--index
+										}
+										return getPreviousItem(children.length)
+									}
+									function getNextItem(index){
+										++index
+										while(index < children.length){
+											if( index!= 4 && children[index].visible) return children[index]
+											++index
+										}
+										return getNextItem(-1)
+									}
+									
 									IconLabelButton {
+										id: accountButton
 										Layout.preferredHeight: 32 * DefaultStyle.dp
+										Layout.fillWidth: true
 										visible: !SettingsCpp.hideAccountSettings
+										focus: visible
 										iconSize: 32 * DefaultStyle.dp
 										text: qsTr("Mon compte")
 										iconSource: AppIcons.manageProfile
 										onClicked: openContextualMenuComponent(myAccountSettingsPageComponent)
+										KeyNavigation.up: visibleChildren.length != 0 ? settingsButtons.getPreviousItem(0) : null
+										KeyNavigation.down: visibleChildren.length != 0 ? settingsButtons.getNextItem(0) : null
 									}
 									IconLabelButton {
+										id: settingsButton
 										Layout.preferredHeight: 32 * DefaultStyle.dp
+										Layout.fillWidth: true
 										visible: !SettingsCpp.hideSettings
+										focus: !accountButton.visible && visible
 										iconSize: 32 * DefaultStyle.dp
 										text: qsTr("Paramètres")
 										iconSource: AppIcons.settings
 										onClicked:  openContextualMenuComponent(settingsPageComponent)
+										KeyNavigation.up: visibleChildren.length != 0 ? settingsButtons.getPreviousItem(1) : null
+										KeyNavigation.down: visibleChildren.length != 0 ? settingsButtons.getNextItem(1) : null
 									}
 									IconLabelButton {
+										id: recordsButton
 										Layout.preferredHeight: 32 * DefaultStyle.dp
+										Layout.fillWidth: true
 										visible: !SettingsCpp.disableCallRecordingsFeature
+										focus: !accountButton.visible && !settingsButton.visible && visible
 										iconSize: 32 * DefaultStyle.dp
 										text: qsTr("Enregistrements")
 										iconSource: AppIcons.micro
+										KeyNavigation.up: visibleChildren.length != 0 ?  settingsButtons.getPreviousItem(2) : null
+										KeyNavigation.down: visibleChildren.length != 0 ? settingsButtons.getNextItem(2) : null
 									}
 									IconLabelButton {
+										id: helpButton
 										Layout.preferredHeight: 32 * DefaultStyle.dp
+										Layout.fillWidth: true
 										iconSize: 32 * DefaultStyle.dp
+										focus: !accountButton.visible && !settingsButton.visible && !recordsButton.visible
 										text: qsTr("Aide")
 										iconSource: AppIcons.question
 										onClicked: openContextualMenuComponent(helpPageComponent)
+										KeyNavigation.up: visibleChildren.length != 0 ? settingsButtons.getPreviousItem(3) : null
+										KeyNavigation.down: visibleChildren.length != 0 ?  settingsButtons.getNextItem(3) : null
 									}
 									Rectangle {
 										Layout.fillWidth: true
@@ -346,11 +453,15 @@ Item {
 									IconLabelButton {
 										id: addAccountButton
 										Layout.preferredHeight: 32 * DefaultStyle.dp
+										Layout.fillWidth: true
 										visible: SettingsCpp.maxAccount == 0 || SettingsCpp.maxAccount > accountProxy.count
 										iconSize: 32 * DefaultStyle.dp
 										text: qsTr("Ajouter un compte")
 										iconSource: AppIcons.plusCircle
 										onClicked: mainItem.addAccountRequest()
+										KeyNavigation.up: visibleChildren.length != 0 ? settingsButtons.getPreviousItem(5) : null
+										KeyNavigation.down: visibleChildren.length != 0 ? settingsButtons.getNextItem(5) : null
+									}
 								}
 							}
 						}
@@ -361,6 +472,7 @@ Item {
 					StackLayout {
 						id: mainStackLayout
 						currentIndex: tabbar.currentIndex
+						onActiveFocusChanged: if(activeFocus) children[currentIndex].forceActiveFocus()
 						CallPage {
 							id: callPage
 							Connections {

Linphone/view/CMakeLists.txt

@@ -62,7 +62,6 @@ list(APPEND _LINPHONEAPP_QML_FILES
 	view/Item/Carousel.qml
 	view/Item/CheckableButton.qml
 	view/Item/CheckBox.qml
-	view/Item/SwitchButton.qml
 	view/Item/ComboBox.qml
 	view/Item/DesktopPopup.qml
 	view/Item/Dialog.qml

Linphone/view/Item/Button.qml

@@ -1,5 +1,5 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Controls.Basic 2.2 as Control
+import QtQuick.Controls.Basic as Control
 import QtQuick.Effects
 import QtQuick.Layouts
 import Linphone
@@ -16,17 +16,19 @@ Control.Button {
 	property int textWeight: 600 * DefaultStyle.dp
 	property int radius: 48 * DefaultStyle.dp
 	property color textColor: DefaultStyle.grey_0
-	property bool underline: false
+	property bool underline: mainItem.activeFocus || containsMouse
-	property bool shadowEnabled: false
+	property bool shadowEnabled: mainItem.activeFocus  || containsMouse
 	property var contentImageColor
+	property alias containsMouse: mouseArea.containsMouse
 	hoverEnabled: true
-
+	activeFocusOnTab: true
 	// leftPadding: 20 * DefaultStyle.dp
 	// rightPadding: 20 * DefaultStyle.dp
 	// topPadding: 11 * DefaultStyle.dp
 	// bottomPadding: 11 * DefaultStyle.dp
 
 	MouseArea {
+		id: mouseArea
 		anchors.fill: parent
 		hoverEnabled: true
 		cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
@@ -39,10 +41,10 @@ Control.Button {
 			id: buttonBackground
 			color: mainItem.enabled
 				? inversedColors
-					? mainItem.pressed 
+					? mainItem.pressed || mainItem.shadowEnabled
 						? DefaultStyle.grey_100
 						: mainItem.borderColor
-					: mainItem.pressed
+					: mainItem.pressed || mainItem.shadowEnabled
 						? mainItem.pressedColor
 						: mainItem.color
 				: mainItem.disabledColor
@@ -59,10 +61,12 @@ Control.Button {
 			enabled: mainItem.shadowEnabled
 			anchors.fill: buttonBackground
 			source: buttonBackground
-			shadowEnabled: mainItem.shadowEnabled
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
 			shadowColor: DefaultStyle.grey_1000
 			shadowBlur: 1
-			shadowOpacity: 0.1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
 		}
 	}
 
@@ -83,6 +87,7 @@ Control.Button {
 			family: DefaultStyle.defaultFont
 			capitalization: mainItem.capitalization
 			underline: mainItem.underline
+			bold: mainItem.font.bold
 		}
 	}
 
@@ -93,6 +98,7 @@ Control.Button {
 		imageWidth: mainItem.icon.width
 		imageHeight: mainItem.icon.height
 		colorizationColor: mainItem.contentImageColor
+		shadowEnabled: mainItem.shadowEnabled
 	}
 
 	contentItem: StackLayout {

Linphone/view/Item/Calendar.qml

@@ -1,5 +1,5 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Layouts 1.3
+import QtQuick.Layouts
 import QtQuick.Controls as Control
 import QtQuick.Effects
 
@@ -23,6 +23,8 @@ ListView {
 	property int currentYear: calendarModel.yearAt(currentIndex)
 	onCurrentYearChanged: console.log("currentyear", currentYear)
 	onCurrentMonthChanged: console.log("current month", currentMonth)
+	currentIndex: 0
+	keyNavigationEnabled: false
 
 	model: Control.CalendarModel {
 		id: calendarModel
@@ -30,9 +32,13 @@ ListView {
 		to: UtilsCpp.addYears(new Date(), 5)
 	}
 	
-	delegate: ColumnLayout {
+	delegate: FocusScope{
 		width: mainItem.width
 		height: mainItem.height
+		property bool isCurrentIndex: index == mainItem.currentIndex
+		onIsCurrentIndexChanged: if( isCurrentIndex) monthGrid.forceActiveFocus()
+		ColumnLayout {
+			anchors.fill: parent
 			property int currentMonth: model.month
 			spacing: 18 * DefaultStyle.dp
 			RowLayout {
@@ -50,6 +56,7 @@ ListView {
 					Layout.fillWidth: true
 				}
 				Button {
+					id: previousButton
 					Layout.preferredWidth: 20 * DefaultStyle.dp
 					Layout.preferredHeight: 20 * DefaultStyle.dp
 					icon.width: width
@@ -59,6 +66,7 @@ ListView {
 					onClicked: if (mainItem.currentIndex > 0) mainItem.currentIndex = mainItem.currentIndex - 1
 				}
 				Button {
+					id: nextButton
 					Layout.preferredWidth: 20 * DefaultStyle.dp
 					Layout.preferredHeight: 20 * DefaultStyle.dp
 					icon.width: width
@@ -94,18 +102,63 @@ ListView {
 					year: model.year
 					month: model.month
 					property var curDate: model.date
-				onMonthChanged: console.log("cur date changed", month)
+					onMonthChanged: {
+						console.log("cur date changed", month)
+					}
 					locale: Qt.locale(ConstantsCpp.DefaultLocale)
-				delegate: Item {
+					delegate: FocusScope {
+						id: focusDay
 						property bool isSelectedDay: mainItem.selectedDate ? UtilsCpp.datesAreEqual(mainItem.selectedDate, model.date) : false
+						property var d: model.date
+						objectName: 'focusDay'
 						// width: 30 * DefaultStyle.dp
 						// height: 30 * DefaultStyle.dp
+						activeFocusOnTab: true
+						focus: index == 0
+						Keys.onPressed: (event)=> {
+							if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+								monthGrid.clicked(model.date)
+								event.accepted = true;
+							}else if(event.key == Qt.Key_Left){
+								var previous = nextItemInFocusChain(false)
+								if( previous.objectName != 'focusDay'){
+									previousButton.clicked(undefined)
+								}else{
+									previous.forceActiveFocus()
+								}
+							}else if(event.key == Qt.Key_Right){
+								var next = nextItemInFocusChain()
+								console.log(next.objectName)
+								if( next.objectName != 'focusDay'){
+									nextButton.clicked(undefined)
+								} else {
+									next.forceActiveFocus()
+									
+								}
+							}	
+						}
+						
+						MouseArea{
+							id: hoveringArea
+							anchors.fill: parent
+							hoverEnabled: true
+							cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
+							acceptedButtons: Qt.LeftButton
+							onPressed: (event) =>{
+								focusDay.forceActiveFocus()
+								event.accepted = false
+							}
+						}
+						
 						Rectangle {
 							anchors.centerIn: parent
 							width: 30 * DefaultStyle.dp
 							height: 30 * DefaultStyle.dp
 							radius: 50 * DefaultStyle.dp
 							color: isSelectedDay ? DefaultStyle.main1_500_main : "transparent"
+							border.color: DefaultStyle.main1_500_main_darker
+							border.width: focusDay.activeFocus || hoveringArea.containsMouse ? 1 : 0
+							
 						}
 						Text {
 							anchors.centerIn: parent
@@ -130,4 +183,5 @@ ListView {
 				}
 			}
 		}
+	}
 }

Linphone/view/Item/CalendarComboBox.qml

@@ -22,6 +22,7 @@ ComboBox {
 		}
 	}
 	popup: Control.Popup {
+		id: popupItem
 		y: mainItem.height
 		width: 321 * DefaultStyle.dp
 		height: 270 * DefaultStyle.dp
@@ -30,6 +31,7 @@ ComboBox {
 		bottomPadding: 24 * DefaultStyle.dp
 		leftPadding: 21 * DefaultStyle.dp
 		rightPadding: 19 * DefaultStyle.dp
+		onOpened: calendar.forceActiveFocus()
 		background: Item {
 			anchors.fill: parent
 			Rectangle {
@@ -37,6 +39,8 @@ ComboBox {
 				anchors.fill: parent
 				color: DefaultStyle.grey_0
 				radius: 16 * DefaultStyle.dp
+				border.color: DefaultStyle.main1_500_main
+				border.width: calendar.activeFocus? 1 : 0
 			}
 			MultiEffect {
 				anchors.fill: calendarBg

Linphone/view/Item/Call/CallContactsLists.qml

@@ -7,16 +7,18 @@ import Linphone
 import UtilsCpp
 import SettingsCpp
 
-Item {
+FocusScope {
 	id: mainItem
 	property bool groupCallVisible
 	property color searchBarColor: DefaultStyle.grey_100
 	property color searchBarBorderColor: "transparent"
 	property alias searchBar: searchBar
-	signal callButtonPressed(string address)
-	signal groupCallCreationRequested()
 	property FriendGui selectedContact
 	property NumericPad numPad
+	signal callButtonPressed(string address)
+	signal callSelectedContact()
+	signal groupCallCreationRequested()
+	
 	clip: true
 
 	Control.Control {
@@ -33,10 +35,12 @@ Item {
 				Layout.alignment: Qt.AlignTop
 				Layout.fillWidth: true
 				Layout.maximumWidth: mainItem.width
+				focus: true
 				color: mainItem.searchBarColor
 				borderColor: mainItem.searchBarBorderColor
 				placeholderText: qsTr("Rechercher un contact")
 				numericPad: mainItem.numPad
+				KeyNavigation.down: grouCallButton
 			}
 			Control.ScrollView {
 				Layout.fillWidth: true
@@ -60,9 +64,13 @@ Item {
 					width: parent.width
 					spacing: 32 * DefaultStyle.dp
 					Button {
+						id: grouCallButton
 						visible: mainItem.groupCallVisible && !SettingsCpp.disableMeetingsFeature
 						Layout.preferredWidth: 320 * DefaultStyle.dp
 						padding: 0
+						KeyNavigation.up: searchBar
+						KeyNavigation.down: contactList.count >0 ? contactList : searchList
+						onClicked: mainItem.groupCallCreationRequested()
 						background: Rectangle {
 							gradient: Gradient {
 								orientation: Gradient.Horizontal
@@ -87,6 +95,7 @@ Item {
 								font {
 									pixelSize: 16 * DefaultStyle.dp
 									weight: 800 * DefaultStyle.dp
+									underline: grouCallButton.shadowEnabled
 								}
 							}
 							Item {
@@ -98,7 +107,6 @@ Item {
 								Layout.preferredHeight: 24 * DefaultStyle.dp
 							}
 						}
-						onClicked: mainItem.groupCallCreationRequested()
 					}
 					ColumnLayout {
 						spacing: 18 * DefaultStyle.dp
@@ -120,6 +128,7 @@ Item {
 								searchText: searchBar.text.length === 0 ? "*" : searchBar.text
 							}
 							onSelectedContactChanged: mainItem.selectedContact = selectedContact
+							onClicked: mainItem.callSelectedContact()
 						}
 					}
 					ColumnLayout {
@@ -132,6 +141,7 @@ Item {
 							}
 						}
 						ContactsList{
+							id: searchList
 							contactMenuVisible: false
 							Layout.fillWidth: true
 							Layout.fillHeight: true
@@ -145,6 +155,7 @@ Item {
 								aggregationFlag: LinphoneEnums.MagicSearchAggregation.Friend
 							}
 							onSelectedContactChanged: mainItem.selectedContact = selectedContact
+							onClicked: mainItem.callSelectedContact()
 						}
 					}
 					Item {

Linphone/view/Item/CheckBox.qml

@@ -1,15 +1,19 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Controls 2.2 as Control
+import QtQuick.Controls as Control
 import Linphone
+import QtQuick.Effects
  
 Control.CheckBox {
 	id: mainItem
-	
+	property bool shadowEnabled: mainItem.activeFocus || mainItem.hovered
-	indicator: Rectangle {
+	indicator: Item{
 		implicitWidth: 20 * DefaultStyle.dp
 		implicitHeight: 20 * DefaultStyle.dp
 		x: (parent.width - width) / 2
 		y: (parent.height - height) / 2
+		Rectangle {
+			id: backgroundArea
+			anchors.fill: parent	
 			radius: 3 * DefaultStyle.dp
 			border.color: DefaultStyle.main1_500_main
 			border.width: 2.2 * DefaultStyle.dp
@@ -21,4 +25,16 @@ Control.CheckBox {
 				anchors.fill: parent
 			}
 		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: backgroundArea
+			source: backgroundArea
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
+	}
 }

Linphone/view/Item/ComboBox.qml

@@ -17,6 +17,7 @@ Control.ComboBox {
 	property int weight: 400 * DefaultStyle.dp
 	property int leftMargin: 10 * DefaultStyle.dp
 	property bool oneLine: false
+	property bool shadowEnabled: mainItem.activeFocus || mainItem.hovered
 
 	onConstantImageSourceChanged: if (constantImageSource)  selectedItemImg.source = constantImageSource
 	onCurrentIndexChanged: {
@@ -34,11 +35,36 @@ Control.ComboBox {
 				: ""
 	}
 	
-	background: Rectangle {
+	Keys.onPressed: (event)=>{
-		anchors.fill: mainItem
+		if(!mainItem.contentItem.activeFocus && (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return)){
+			mainItem.popup.open()
+			event.accepted = true
+		}
+	}
+
+	background: Item{
+		Rectangle {
+			id: buttonBackground
+			anchors.fill: parent
 			radius: 63 * DefaultStyle.dp
 			color: mainItem.enabled ? DefaultStyle.grey_100 : DefaultStyle.grey_200
-		border.color: mainItem.enabled ? DefaultStyle.grey_200 : DefaultStyle.grey_400
+			border.color: mainItem.enabled
+				? mainItem.activeFocus
+					? DefaultStyle.main1_500_main
+					: DefaultStyle.grey_200
+				: DefaultStyle.grey_400
+		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: buttonBackground
+			source: buttonBackground
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 0.5
+			shadowOpacity: mainItem.shadowEnabled ? 0.1 : 0.0
+		}
 	}
 	contentItem: Item {
 		anchors.fill: parent
@@ -105,8 +131,12 @@ Control.ComboBox {
 		width: mainItem.width
 		implicitHeight: contentItem.implicitHeight
 		padding: 1 * DefaultStyle.dp
-		height: Math.min(listView.contentHeight, 300)
+		//height: Math.min(implicitHeight, 300)
 
+		onOpened: {
+			listView.positionViewAtIndex(listView.currentIndex, ListView.Center)
+			listView.forceActiveFocus()
+		}
 		contentItem: ListView {
 			id: listView
 			clip: true
@@ -124,6 +154,14 @@ Control.ComboBox {
 				y: listView.currentItem? listView.currentItem.y : 0
 			}
 			
+			Keys.onPressed: (event)=>{
+				if(event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return){
+					event.accepted = true
+					mainItem.currentIndex = listView.currentIndex
+					popup.close()
+				}
+			}
+
 			delegate: Item {
 				width:mainItem.width
 				height: mainItem.height
@@ -163,6 +201,7 @@ Control.ComboBox {
 				}
 
 				MouseArea {
+					id: mouseArea
 					anchors.fill: parent
 					hoverEnabled: true
 					Rectangle {
@@ -182,9 +221,7 @@ Control.ComboBox {
 			Control.ScrollIndicator.vertical: Control.ScrollIndicator { }
 		}
 
-		onOpened: {
+		
-			listView.positionViewAtIndex(listView.currentIndex, ListView.Center)
-		}
 
 		background: Item {
 			implicitWidth: mainItem.width

Linphone/view/Item/Contact/ContactEdition.qml

@@ -66,7 +66,7 @@ RightPanelLayout {
 
 	content: ColumnLayout {
 		anchors.fill: parent
-		spacing: 63 * DefaultStyle.dp
+		spacing : 0
 		ColumnLayout {
 			spacing: 8 * DefaultStyle.dp
 			Layout.alignment: Qt.AlignHCenter
@@ -78,23 +78,27 @@ RightPanelLayout {
 				Layout.alignment: Qt.AlignHCenter
 			}
 			IconLabelButton {
+				id: addPictureButton
 				visible: !mainItem.contact || mainItem.contact.core.pictureUri.length === 0
 				Layout.preferredWidth: width
 				Layout.preferredHeight: 17 * DefaultStyle.dp
 				iconSource: AppIcons.camera
 				iconSize: 17 * DefaultStyle.dp
 				text: qsTr("Ajouter une image")
+				KeyNavigation.down: editButton.visible ? editButton : givenNameEdit
 				onClicked: fileDialog.open()
 			}
 			RowLayout {
 				visible: mainItem.contact && mainItem.contact.core.pictureUri.length != 0
 				Layout.alignment: Qt.AlignHCenter
 				IconLabelButton {
+					id: editButton
 					Layout.preferredWidth: width
 					Layout.preferredHeight: 17 * DefaultStyle.dp
 					iconSource: AppIcons.pencil
 					iconSize: 17 * DefaultStyle.dp
 					text: qsTr("Modifier")
+					KeyNavigation.down: givenNameEdit
 					onClicked: fileDialog.open()
 				}
 				FileDialog {
@@ -109,11 +113,13 @@ RightPanelLayout {
 					}
 				}
 				IconLabelButton {
+					id: removeButton
 					Layout.preferredHeight: 17 * DefaultStyle.dp
 					Layout.preferredWidth: width
 					iconSize: 17 * DefaultStyle.dp
 					iconSource: AppIcons.trashCan
 					text: qsTr("Supprimer")
+					KeyNavigation.down: givenNameEdit
 					onClicked: mainItem.contact.core.pictureUri = ""
 				}
 			}
@@ -122,8 +128,8 @@ RightPanelLayout {
 			Layout.fillHeight: true
 			Layout.fillWidth: true
 			Layout.alignment: Qt.AlignHCenter
-			Layout.topMargin: 50 * DefaultStyle.dp
+			Layout.topMargin: 63 * DefaultStyle.dp
-			Layout.bottomMargin: 50 * DefaultStyle.dp
+			Layout.bottomMargin: 78 * DefaultStyle.dp
 			spacing: 100 * DefaultStyle.dp
 			Flickable {
 				Layout.preferredWidth: contentWidth
@@ -146,30 +152,49 @@ RightPanelLayout {
 							onTextEdited: contact.core.givenName = text
 							backgroundColor: DefaultStyle.grey_0
 							backgroundBorderColor: givenName.errorTextItem.opacity != 0 ? DefaultStyle.danger_500main : DefaultStyle.grey_200
+							KeyNavigation.up: editButton.visible ? editButton : addPictureButton
+							KeyNavigation.down: nameTextField
 						}
 					}
 					FormItemLayout {
 						label: qsTr("Nom")
 						contentItem: TextField {
+							id: nameTextField
 							initialText: contact.core.familyName
 							onTextEdited: contact.core.familyName = text
 							backgroundColor: DefaultStyle.grey_0
+							KeyNavigation.up: givenNameEdit
+							KeyNavigation.down: companyTextField
 						}
 					}
 					FormItemLayout {
 						label: qsTr("Entreprise")
 						contentItem: TextField {
+							id: companyTextField
 							initialText: contact.core.organization
 							onTextEdited: contact.core.organization = text
 							backgroundColor: DefaultStyle.grey_0
+							KeyNavigation.up: nameTextField
+							KeyNavigation.down: jobTextField
 						}
 					}
 					FormItemLayout {
 						label: qsTr("Fonction")
 						contentItem: TextField {
+							id: jobTextField
 							initialText: contact.core.job
 							onTextEdited: contact.core.job = text
 							backgroundColor: DefaultStyle.grey_0
+							KeyNavigation.up: companyTextField
+							Keys.onPressed: (event) => {
+								if(event.key == Qt.Key_Down){
+									if(addressesList.count > 0)
+										addressesList.itemAt(0).forceActiveFocus()
+									else
+										newAddressTextField.forceActiveFocus()
+									event.accepted = true
+								}
+							}
 						}
 					}
 					Item{Layout.fillHeight: true}
@@ -218,8 +243,25 @@ RightPanelLayout {
 						delegate: FormItemLayout {
 							label: modelData.label
 							contentItem: RowLayout {
+								id: addressLayout
 								spacing: 10 * DefaultStyle.dp
+								function updateFocus(event){
+									if(event.key == Qt.Key_Up){
+										if(index - 1 >=0 )
+											addressesList.itemAt(index - 1).forceActiveFocus()
+										else
+											jobTextField.forceActiveFocus()
+										event.accepted = true
+									}else if(event.key == Qt.Key_Down){
+										if(index + 1 < addressesList.count)
+											addressesList.itemAt(index+1).forceActiveFocus()
+										else
+											newAddressTextField.forceActiveFocus()
+										event.accepted = true
+									}
+								}
 								TextField {
+									id: addressTextField
 									onTextEdited: {
 										if (text.length != 0) mainItem.contact.core.setAddressAt(index, qsTr("Adresse SIP"), text)
 									}
@@ -228,8 +270,12 @@ RightPanelLayout {
 									backgroundColor: DefaultStyle.grey_0
 									Layout.preferredWidth: width
 									Layout.preferredHeight: height
+									focus: true
+									KeyNavigation.right: removeAddressButton
+									Keys.onPressed: (event) => addressLayout.updateFocus(event)
 								}
 								Button {
+									id: removeAddressButton
 									Layout.preferredWidth: 24 * DefaultStyle.dp
 									Layout.preferredHeight: 24 * DefaultStyle.dp
 									Layout.alignment: Qt.AlignVCenter
@@ -239,6 +285,8 @@ RightPanelLayout {
 									height: 24 * DefaultStyle.dp
 									icon.width: 24 * DefaultStyle.dp
 									icon.height: 24 * DefaultStyle.dp
+									KeyNavigation.left: addressTextField
+									Keys.onPressed: (event) => addressLayout.updateFocus(event)
 									onClicked: mainItem.contact.core.removeAddress(index)
 								}
 							}
@@ -250,12 +298,28 @@ RightPanelLayout {
 						FormItemLayout {
 							label: qsTr("Adresse SIP")
 							contentItem: TextField {
+								id: newAddressTextField
 								backgroundColor: DefaultStyle.grey_0
-								Component.onCompleted: text = "sip:"
+								Keys.onPressed: (event) => {
+									if(event.key == Qt.Key_Up){
+										if(addressesList.count > 0 )
+											addressesList.itemAt(addressesList.count - 1).forceActiveFocus()
+										else
+											jobTextField.forceActiveFocus()
+										event.accepted = true
+									}else if(event.key == Qt.Key_Down){
+										if(phoneNumberList.count > 0)
+											phoneNumberList.itemAt(0).forceActiveFocus()
+										else
+											phoneNumberInputTextField.forceActiveFocus()
+										event.accepted = true
+									}
+								}
 								onEditingFinished: {
 									if (text.length != 0) mainItem.contact.core.appendAddress(text)
 									text = "sip:"
 								}
+								Component.onCompleted: text = "sip:"
 							}
 						}
 						Item {
@@ -272,8 +336,25 @@ RightPanelLayout {
 						delegate: FormItemLayout {
 							label: modelData.label
 							contentItem: RowLayout {
+								id: phoneNumberLayout
 								spacing: 10 * DefaultStyle.dp
+								function updateFocus(event){
+									if(event.key == Qt.Key_Up){
+										if(index - 1 >=0 )
+											phoneNumberList.itemAt(index - 1).forceActiveFocus()
+										else
+											newAddressTextField.forceActiveFocus()
+										event.accepted = true
+									}else if(event.key == Qt.Key_Down){
+										if(index + 1 < phoneNumberList.count)
+											addressesList.phoneNumberList(index+1).forceActiveFocus()
+										else
+											phoneNumberInputTextField.forceActiveFocus()
+										event.accepted = true
+									}
+								}
 								TextField {
+									id: phoneTextField
 									initialText: modelData.address
 									onTextEdited: {
 										if (text.length != 0) mainItem.contact.core.setPhoneNumberAt(index, qsTr("Téléphone"), text)
@@ -281,8 +362,12 @@ RightPanelLayout {
 									backgroundColor: DefaultStyle.grey_0
 									Layout.preferredWidth: width
 									Layout.preferredHeight: height
+									focus: true
+									KeyNavigation.right: removePhoneButton
+									Keys.onPressed: (event) => phoneNumberLayout.updateFocus(event)
 								}
 								Button {
+									id: removePhoneButton
 									Layout.preferredWidth: 24 * DefaultStyle.dp
 									Layout.preferredHeight: 24 * DefaultStyle.dp
 									Layout.alignment: Qt.AlignVCenter
@@ -292,6 +377,8 @@ RightPanelLayout {
 									height: 24 * DefaultStyle.dp
 									icon.width: 24 * DefaultStyle.dp
 									icon.height: 24 * DefaultStyle.dp
+									KeyNavigation.left: phoneTextField
+									Keys.onPressed: (event) => phoneNumberLayout.updateFocus(event)
 									onClicked: mainItem.contact.core.removePhoneNumber(index)
 								}
 							}
@@ -304,7 +391,23 @@ RightPanelLayout {
 							id: phoneNumberInput
 							label: qsTr("Phone")
 							contentItem: TextField {
+								id: phoneNumberInputTextField
 								backgroundColor: DefaultStyle.grey_0
+								Keys.onPressed: (event) => {
+									if(event.key == Qt.Key_Up){
+										if(phoneNumberList.count > 0 )
+											phoneNumberList.itemAt(phoneNumberList.count - 1).forceActiveFocus()
+										else
+											newAddressTextField.forceActiveFocus()
+										event.accepted = true
+									}else if(event.key == Qt.Key_Down){
+										if(saveButton.enabled)
+											saveButton.forceActiveFocus()
+										else
+											givenNameEdit.forceActiveFocus()
+										event.accepted = true
+									}
+								}
 								onEditingFinished: {
 									if (text.length != 0) mainItem.contact.core.appendPhoneNumber(phoneNumberInput.label, text)
 									text = ""
@@ -328,6 +431,7 @@ RightPanelLayout {
 		}
 
 		Button {
+			id: saveButton
 			Layout.bottomMargin: 100 * DefaultStyle.dp
 			Layout.preferredWidth: 165 * DefaultStyle.dp
 			Layout.alignment: Qt.AlignHCenter
@@ -337,6 +441,8 @@ RightPanelLayout {
 			rightPadding: 20 * DefaultStyle.dp
 			topPadding: 11 * DefaultStyle.dp
 			bottomPadding: 11 * DefaultStyle.dp
+			KeyNavigation.up: phoneNumberInputTextField
+			KeyNavigation.down: givenNameEdit
 			onClicked: {
 				if (givenNameEdit.text.length === 0 || (addressesList.count === 0 && phoneNumberList.count === 0)) {
 					if (givenNameEdit.text.length === 0) givenName.errorMessage = qsTr("Veuillez saisir un prénom")

Linphone/view/Item/Contact/ContactsList.qml

@@ -11,6 +11,7 @@ ListView {
 	height: contentHeight
 	visible: contentHeight > 0
 	clip: true
+	//keyNavigationWraps: true
 	// rightMargin: 5 * DefaultStyle.dp
 
 	property string searchBarText
@@ -47,6 +48,7 @@ ListView {
 	signal contactStarredChanged()
 	signal contactDeletionRequested(FriendGui contact)
 	signal contactAddedToSelection()
+	signal clicked()
 
 	function selectContact(address) {
 		var index = magicSearchProxy.findFriendIndexByAddress(address)
@@ -69,9 +71,11 @@ ListView {
 			selectedContacts.splice(indexInSelection, 1)
 		}
 	}
-
+	onActiveFocusChanged: if(activeFocus && (!footerItem || !footerItem.activeFocus)) {
-	
+							currentIndex = 0
-
+						}else {
+							currentIndex = -1
+						}
 	model: MagicSearchProxy {
 		id: magicSearchProxy
 		searchText: searchBarText.length === 0 ? "*" : searchBarText
@@ -88,8 +92,12 @@ ListView {
 		// anchors.bottom: parent.bottom
 		// anchors.right: parent.right
 	}
-
+	Keys.onPressed: (event)=>{
-	delegate: Item {
+		if(event.key == Qt.Key_Tab && !mainItem.itemAtIndex(mainItem.currentIndex).activeFocus){
+			mainItem.itemAtIndex(mainItem.currentIndex).forceActiveFocus()
+		}
+	}
+	delegate: FocusScope {
 		id: itemDelegate
 		height: display ? 56 * DefaultStyle.dp : 0
 		width: mainItem.width
@@ -163,14 +171,17 @@ ListView {
 			anchors.verticalCenter: parent.verticalCenter
 			spacing: 10 * DefaultStyle.dp // TODO : change when mockup ready
 			RowLayout{
+				id: actionButtons
 				visible: mainItem.actionLayoutVisible
 				spacing: 10 * DefaultStyle.dp
 				Button {
+					id: callButton
 					Layout.preferredWidth: 45 * DefaultStyle.dp
 					Layout.preferredHeight: 45 * DefaultStyle.dp
 					icon.width: 24 * DefaultStyle.dp
 					icon.height: 24 * DefaultStyle.dp
 					icon.source: AppIcons.phone
+					focus: visible
 					contentImageColor: DefaultStyle.main2_500main
 					background: Rectangle {
 						anchors.fill: parent
@@ -178,19 +189,25 @@ ListView {
 						color: DefaultStyle.main2_200
 					}
 					onClicked: UtilsCpp.createCall(modelData.core.defaultAddress)
+					KeyNavigation.right: chatButton
+					KeyNavigation.left: chatButton
 				}
 				Button {
+					id: chatButton
 					Layout.preferredWidth: 45 * DefaultStyle.dp
 					Layout.preferredHeight: 45 * DefaultStyle.dp
 					icon.width: 24 * DefaultStyle.dp
 					icon.height: 24 * DefaultStyle.dp
 					icon.source: AppIcons.chatTeardropText
+					focus: visible && !callButton.visible
 					contentImageColor: DefaultStyle.main2_500main
 					background: Rectangle {
 						anchors.fill: parent
 						radius: 40 * DefaultStyle.dp
 						color: DefaultStyle.main2_200
 					}
+					KeyNavigation.right: callButton
+					KeyNavigation.left: callButton
 				}
 			}
 			PopupButton {
@@ -268,14 +285,21 @@ ListView {
 			height: mainItem.height
 			acceptedButtons: Qt.AllButtons
 			z: -1
+			focus: !actionButtons.visible
 			Rectangle {
 				anchors.fill: contactArea
 				opacity: 0.7
 				color: DefaultStyle.main2_100
-				visible: contactArea.containsMouse || friendPopup.hovered || (!mainItem.multiSelectionEnabled && mainItem.currentIndex === index)
+				visible: contactArea.containsMouse || friendPopup.hovered || mainItem.currentIndex === index
+			}
+			Keys.onPressed: (event)=> {
+				if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+					contactArea.clicked(undefined)
+					event.accepted = true;
+				}
 			}
 			onClicked: (mouse) => {
-				if (mouse.button == Qt.RightButton) {
+				if (mouse && mouse.button == Qt.RightButton) {
 					friendPopup.open()
 				} else {
 					mainItem.currentIndex = -1
@@ -289,6 +313,7 @@ ListView {
 							mainItem.removeContactFromSelection(indexInSelection, 1)
 						}
 					}
+					mainItem.clicked()
 				}
 			}
 		}

Linphone/view/Item/Dialog.qml

@@ -58,7 +58,20 @@ Popup {
 		}
 	}
 
-	contentItem: ColumnLayout {
+	contentItem: FocusScope{
+		height: contentLayout.implicitHeight
+		width: contentLayout.implicitWidth
+		onVisibleChanged: {
+			if(visible) forceActiveFocus()
+		}
+		Keys.onPressed: (event) => {
+			if(visible && event.key == Qt.Key_Escape){
+				mainItem.close()
+				event.accepted = true
+			}
+		}
+		ColumnLayout {
+			anchors.fill: parent
 			spacing: 20 * DefaultStyle.dp
 			Text{
 				id: titleText
@@ -131,6 +144,7 @@ Popup {
 					rightPadding: 20 * DefaultStyle.dp
 					topPadding: 11 * DefaultStyle.dp
 					bottomPadding: 11 * DefaultStyle.dp
+					focus: !firstButtonAccept
 					onClicked: {
 						if(firstButtonAccept)
 							mainItem.accepted()
@@ -138,6 +152,8 @@ Popup {
 							mainItem.rejected()
 						mainItem.close()
 					}
+					KeyNavigation.left: secondButtonId
+					KeyNavigation.right: secondButtonId
 				}
 				Button {
 					id: secondButtonId
@@ -147,6 +163,7 @@ Popup {
 					rightPadding: 20 * DefaultStyle.dp
 					topPadding: 11 * DefaultStyle.dp
 					bottomPadding: 11 * DefaultStyle.dp
+					focus: !secondButtonAccept
 					onClicked: {
 						if(secondButtonAccept)
 							mainItem.accepted()
@@ -154,6 +171,9 @@ Popup {
 							mainItem.rejected()
 						mainItem.close()
 					}
+					KeyNavigation.left: firstButtonId
+					KeyNavigation.right: firstButtonId
+				}
 			}
 		}
 	}

Linphone/view/Item/EffectImage.qml

@@ -16,6 +16,7 @@ Loader {
 	property int imageWidth: width
 	property int imageHeight: height
 	property bool useColor: colorizationColor != undefined
+	property bool shadowEnabled: false
 	sourceComponent: Item {
 		Image {
 			id: image
@@ -49,5 +50,34 @@ Loader {
 			colorizationColor: effectEnabled && mainItem.colorizationColor ? mainItem.colorizationColor : 'black'
 			colorization: effectEnabled ? 1.0: 0.0
 		}
+		/* Alernative to shadow for no blackcolors
+		MultiEffect {
+			visible: mainItem.shadowEnabled
+			source: image
+			width: image.width
+			height: image.height
+			x: image.x
+			y: image.y + 6
+			z: -1
+			blurEnabled: true
+			blurMax: 12
+			blur: 1.0
+			contrast: -1.0
+			brightness: 1.0
+			colorizationColor: DefaultStyle.grey_400
+			colorization: 1.0
+		}*/
+		MultiEffect {
+			id: shadow
+			enabled: mainItem.shadowEnabled
+			anchors.fill: image
+			source: image
+			visible: mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730?
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 0
+			shadowOpacity: mainItem.shadowEnabled ? 0.7 : 0.0
+		}
 	}
 }

Linphone/view/Item/Form/LoginForm.qml

@@ -139,11 +139,13 @@ ColumnLayout {
 
 			Shortcut {
 				sequences: ["Return", "Enter"]
-				onActivated: connectionButton.trigger()
+				onActivated: if(passwordEdit.activeFocus) connectionButton.trigger()
+							else if( usernameEdit.activeFocus) passwordEdit.forceActiveFocus()
 			}
 			onPressed: connectionButton.trigger()
 		}
 		Button {
+			id: forgottenButton
 			background: Item {
 				visible: false
 			}
@@ -151,7 +153,7 @@ ColumnLayout {
 				color: DefaultStyle.main2_500main
 				text: qsTr("Mot de passe oublié ?")
 				font{
-					underline: true
+					underline: forgottenButton.underline
 					pixelSize: 13 * DefaultStyle.dp
 					weight: 600 * DefaultStyle.dp
 				}

Linphone/view/Item/Help/HelpIconLabelButton.qml

@@ -9,10 +9,18 @@ MouseArea {
 	property string title
 	property string subTitle
 	property int iconSize: 32 * DefaultStyle.dp
+	property bool shadowEnabled: containsMouse || activeFocus
 	hoverEnabled: true
 	width: content.implicitWidth
 	height: content.implicitHeight
 	cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
+	activeFocusOnTab: true
+	Keys.onPressed: (event) => {
+		if(event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return){
+			mainItem.clicked(undefined)
+			event.accepted = true
+		}
+	}
 	RowLayout {
 		id: content
 		anchors.verticalCenter: parent.verticalCenter
@@ -48,4 +56,15 @@ MouseArea {
 			}
 		}
 	}
+	MultiEffect {
+		enabled: mainItem.shadowEnabled
+		anchors.fill: content
+		source: content
+		visible:  mainItem.shadowEnabled
+		// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+		shadowEnabled: true //mainItem.shadowEnabled
+		shadowColor: DefaultStyle.grey_1000
+		shadowBlur: 1
+		shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+	}
 }

Linphone/view/Item/IconLabelButton.qml

@@ -1,9 +1,9 @@
-import QtQuick 2.15
+import QtQuick
 import QtQuick.Effects
 import QtQuick.Layouts
 import Linphone
 
-MouseArea {
+Item{
 	id: mainItem
 	property string iconSource
 	property string text
@@ -11,9 +11,50 @@ MouseArea {
 	property int iconSize: 17 * DefaultStyle.dp 
 	property int textSize: 14 * DefaultStyle.dp
 	property int textWeight: 400 * DefaultStyle.dp
+	property color backgroundColor: DefaultStyle.grey_0
+	property color backgroundPressedColor: DefaultStyle.main2_100
+	property int radius: 5 * DefaultStyle.dp
+	property bool shadowEnabled: mainItem.activeFocus//  || containsMouse
+	property alias containsMouse: mouseArea.containsMouse
+	
+	signal clicked(var mouse)
+	
+	implicitWidth: content.implicitWidth
+	activeFocusOnTab: true
+	
+	Keys.onPressed: (event)=> {
+		if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+			mainItem.clicked(undefined)
+			event.accepted = true;
+		}
+	}
+	Rectangle{
+		anchors.fill: parent
+		id: buttonBackground
+		color: mainItem.shadowEnabled ? mainItem.backgroundPressedColor : mainItem.backgroundColor
+		radius: mainItem.radius
+	}/*
+	MultiEffect {
+		enabled: mainItem.shadowEnabled
+		anchors.fill: buttonBackground
+		source: buttonBackground
+		visible:  mainItem.shadowEnabled
+		// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+		shadowEnabled: true //mainItem.shadowEnabled
+		shadowColor: DefaultStyle.grey_1000
+		shadowBlur: 1
+		shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+	}*/
+
+	MouseArea {
+		id: mouseArea
+		anchors.verticalCenter: parent.verticalCenter
+		width: content.implicitWidth
+		height: mainItem.height
 		hoverEnabled: true
 		cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
-	width: content.implicitWidth
+		
+		onClicked: function(mouse){mainItem.clicked(mouse)}
 		RowLayout {
 			id: content
 			anchors.verticalCenter: parent.verticalCenter
@@ -36,4 +77,5 @@ MouseArea {
 				}
 			}
 		}
+	}
 }

Linphone/view/Item/MasterDetailFamily.qml

@@ -1,10 +1,10 @@
 import QtQuick
 import QtQuick.Controls as Control
-import QtQuick.Layouts 1.0
+import QtQuick.Layouts
+import QtQuick.Effects
 import Linphone
 
-Rectangle {
+Item {
-
 	id: mainItem
 	
 	height: visible ? 50 * DefaultStyle.dp : 0
@@ -13,10 +13,17 @@ Rectangle {
 
 	property string titleText
 	property bool isSelected: false
+	property bool shadowEnabled: mainItem.activeFocus || mouseArea.containsMouse
 	
 	signal selected()
 	
+	Keys.onPressed: (event)=>{
+		if(event.key == Qt.Key_Space || event.key == Qt.Key_Return || event.key == Qt.Key_Enter){
+			mainItem.selected()
+		}
+	}
 	MouseArea {
+		id: mouseArea
 		hoverEnabled: true
 		anchors.fill: parent
 		Rectangle {
@@ -24,7 +31,7 @@ Rectangle {
 			anchors.fill: parent
 			color: DefaultStyle.main2_200
 			radius: 35 * DefaultStyle.dp
-			visible: parent.containsMouse || isSelected
+			visible: parent.containsMouse || isSelected || mainItem.shadowEnabled
 		}
 		Rectangle {
 			id: backgroundRightFiller
@@ -34,6 +41,17 @@ Rectangle {
 			height: 50 * DefaultStyle.dp
 			visible: parent.containsMouse || isSelected
 		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: background
+			source: background
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
 		onClicked: {
 			mainItem.selected()
 		}

Linphone/view/Item/Meeting/MeetingList.qml

@@ -60,7 +60,7 @@ ListView {
 		property: '$sectionMonth'
 	}
 
-	delegate: Item {
+	delegate: FocusScope {
 		id: itemDelegate
 		height: 63 * DefaultStyle.dp + topOffset
 		width: mainItem.width
@@ -75,6 +75,7 @@ ListView {
 				
 		property var haveModel: $modelData && $modelData.core.haveModel || false
 		
+		
 		RowLayout{
 			anchors.fill: parent
 			anchors.topMargin:parent.topOffset
@@ -138,13 +139,14 @@ ListView {
 					anchors.fill: parent
 					anchors.rightMargin: 5	// margin to avoid clipping shadows at right
 					radius: 10 * DefaultStyle.dp
-					visible: itemDelegate.haveModel
+					visible: itemDelegate.haveModel || itemDelegate.activeFocus
 					color: mainItem.currentIndex === index ? DefaultStyle.main2_200 : DefaultStyle.grey_0
 					ColumnLayout {
 						anchors.fill: parent
 						anchors.left: parent.left
 						anchors.leftMargin: 15 * DefaultStyle.dp
 						spacing: 2 * DefaultStyle.dp
+						visible: itemDelegate.haveModel
 						RowLayout {
 							spacing: 8 * DefaultStyle.dp
 							Image {
@@ -200,6 +202,7 @@ ListView {
 					onClicked: {
 						mainItem.currentIndex = index
 						mainItem.conferenceSelected($modelData)
+						itemDelegate.forceActiveFocus()
 					}
 				}
 			}

Linphone/view/Item/Meeting/MeetingSetUp.qml

@@ -6,9 +6,8 @@ import Linphone
 import UtilsCpp
 import SettingsCpp
 
-ColumnLayout {
+FocusScope{
 	id: mainItem
-	spacing: 8 * DefaultStyle.dp
 	property bool isCreation
 	property ConferenceInfoGui conferenceInfoGui
 	signal addParticipantsRequested()
@@ -59,6 +58,7 @@ ColumnLayout {
 			}
 		}
 	}
+
 	RowLayout {
 		visible: mainItem.isCreation && !SettingsCpp.disableBroadcastFeature
 		Layout.topMargin: 20 * DefaultStyle.dp
@@ -100,8 +100,10 @@ ColumnLayout {
 					pixelSize: 20 * DefaultStyle.dp
 					weight: 800 * DefaultStyle.dp
 				}
-				onActiveFocusChanged: if(activeFocus==true) selectAll()
+				focus: true
+				onActiveFocusChanged: if(activeFocus) selectAll()
 				onEditingFinished: mainItem.conferenceInfoGui.core.subject = text
+				KeyNavigation.down: allDaySwitch
 			}
 		}
 	}
@@ -127,11 +129,13 @@ ColumnLayout {
 				Switch {
 					id: allDaySwitch
 					readonly property bool isAllDay: position === 1
-					Component.onCompleted: if (mainItem.conferenceInfoGui.core.isAllDayConf()) toggle
+					KeyNavigation.up: confTitle
+					KeyNavigation.down: startDate
 					onPositionChanged: if (position === 1) {
 						mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, 0, 0)
 						mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, 23, 59)
 					}
+					Component.onCompleted: if (mainItem.conferenceInfoGui.core.isAllDayConf()) toggle
 				}
 			},
 			RowLayout {
@@ -143,6 +147,10 @@ ColumnLayout {
 					contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
 					Layout.preferredWidth: 200 * DefaultStyle.dp
 					Layout.preferredHeight: 30 * DefaultStyle.dp
+					KeyNavigation.up: allDaySwitch
+					KeyNavigation.down: endDate
+					KeyNavigation.left: startHour
+					KeyNavigation.right: startHour
 					onSelectedDateChanged: {
 						if (!selectedDate || selectedDate == mainItem.conferenceInfoGui.core.dateTime) return
 						mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.isAllDay ? 0 : startHour.selectedHour, allDaySwitch.isAllDay ? 0 : startHour.selectedMin)
@@ -163,6 +171,10 @@ ColumnLayout {
 					Layout.preferredHeight: 30 * DefaultStyle.dp
 					background.visible: mainItem.isCreation
 					contentText.font.weight: (isCreation ? 700 : 400) * DefaultStyle.dp
+					KeyNavigation.up: allDaySwitch
+					KeyNavigation.down: endDate
+					KeyNavigation.left: startDate
+					KeyNavigation.right: startDate
 					onSelectedHourChanged: {
 						mainItem.conferenceInfoGui.core.dateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
 						endDate.calendar.selectedDate = UtilsCpp.addSecs(selectedDateTime, 3600)
@@ -200,99 +212,6 @@ ColumnLayout {
 					onSelectedMinChanged: mainItem.conferenceInfoGui.core.endDateTime = selectedDateTime//UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
 				}
 			},
-			// RowLayout {
-			// 	EffectImage {
-			// 		imageSource: AppIcons.clock
-			// 		colorizationColor: DefaultStyle.main2_600
-			// 		Layout.preferredWidth: 24 * DefaultStyle.dp
-			// 		Layout.preferredHeight: 24 * DefaultStyle.dp
-			// 	}
-			// 	CalendarComboBox {
-			// 		id: startDate
-			// 		Layout.fillWidth: true
-			// 		Layout.preferredHeight: 30 * DefaultStyle.dp
-			// 		background.visible: mainItem.isCreation
-			// 		contentText.font.weight: (mainItem.isCreation ? 700 : 400) * DefaultStyle.dp
-			// 		onSelectedDateChanged: {
-			// 			mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.position === 1 ? 0 : startHour.selectedHour, allDaySwitch.position === 1 ? 0 : startHour.selectedMin)
-			// 			if (allDaySwitch.position === 0) endDate.calendar.selectedDate = UtilsCpp.addSecs(selectedDate, 3600)
-			// 		}
-			// 	}
-			// },
-			// RowLayout {
-			// 	Item {
-			// 		Layout.preferredWidth: 24 * DefaultStyle.dp
-			// 		Layout.preferredHeight: 24 * DefaultStyle.dp
-			// 	}
-			// 	RowLayout {
-			// 		visible: allDaySwitch.position === 0
-			// 		TimeComboBox {
-			// 			id: startHour
-			// 			onSelectedHourChanged: {
-			// 				mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
-			// 				endHour.selectedTimeString = Qt.formatDateTime(UtilsCpp.createDateTime(new Date(), selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin), "hh:mm")
-			// 			}
-			// 			onSelectedMinChanged: {
-			// 				mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, selectedHour, selectedMin)
-			// 				endHour.selectedTimeString = Qt.formatDateTime(UtilsCpp.createDateTime(new Date(), selectedHour == 23 ? 23 : selectedHour + 1, selectedHour == 23 ? 59 : selectedMin), "hh:mm")
-			// 			}
-			// 			Layout.preferredWidth: 94 * DefaultStyle.dp
-			// 			Layout.preferredHeight: 30 * DefaultStyle.dp
-			// 		}
-			// 		TimeComboBox {
-			// 			id: endHour
-			// 			// property date startTime: new Date()
-			// 			onSelectedHourChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, selectedHour, selectedMin)
-			// 			onSelectedMinChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, selectedHour, selectedMin)
-			// 			Layout.preferredWidth: 94 * DefaultStyle.dp
-			// 			Layout.preferredHeight: 30 * DefaultStyle.dp
-			// 		}
-			// 		Item {
-			// 			Layout.fillWidth: true
-			// 		}
-			// 		Text {
-			// 			property int durationSec: UtilsCpp.secsTo(startHour.selectedTime, endHour.selectedTime)
-			// 			property int hour: durationSec/3600
-			// 			property int min: (durationSec - hour*3600)/60
-			// 			text: (hour > 0 ? hour + "h" : "") + (min > 0 ? min + "mn" : "")
-			// 			font {
-			// 				pixelSize: 14 * DefaultStyle.dp
-			// 				weight: 700 * DefaultStyle.dp
-			// 			}
-			// 		}
-			// 	}
-			// 	CalendarComboBox {
-			// 		id: endDate
-			// 		visible: allDaySwitch.position === 1
-			// 		Layout.fillWidth: true
-			// 		// Layout.fillHeight: false
-			// 		contentText.font.weight: (mainItem.isCreation ? 700 : 400) * DefaultStyle.dp
-			// 		Layout.preferredHeight: 30 * DefaultStyle.dp
-			// 		onSelectedDateChanged: mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(selectedDate, allDaySwitch.position === 1 ? 23 : endHour.selectedHour, allDaySwitch.position === 1 ? 59 : endHour.selectedMin)
-			// 	}
-			// },
-			// RowLayout {
-			// 	Item {
-			// 		Layout.preferredWidth: 24 * DefaultStyle.dp
-			// 		Layout.preferredHeight: 24 * DefaultStyle.dp
-			// 	}
-			// 	RowLayout {
-			// 		Switch {
-			// 			id: allDaySwitch
-			// 			text: qsTr("Toute la journée")
-			// 			onPositionChanged: {
-			// 				if (position == 1) {
-			// 					mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, 0, 0)
-			// 					mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, 23, 59)
-			// 				} else {
-			// 					mainItem.conferenceInfoGui.core.dateTime = UtilsCpp.createDateTime(startDate.selectedDate, startHour.selectedHour, startHour.selectedMin)
-			// 					mainItem.conferenceInfoGui.core.endDateTime = UtilsCpp.createDateTime(endDate.selectedDate, endHour.selectedHour, endHour.selectedMin)
-			// 				}
-			// 			}
-			// 		}
-			// 	}
-			// },
-		
 
 			ComboBox {
 				id: timeZoneCbox
@@ -316,33 +235,6 @@ ColumnLayout {
 					mainItem.conferenceInfoGui.core.timeZoneModel = timeZoneCbox.model.data(modelIndex, Qt.DisplayRole + 1)
 				}
 			}
-
-			// ComboBox {
-			// 	id: repeaterCbox
-			// 	enabled: false
-			// 	Component.onCompleted: console.log("TODO : handle conf repetition")
-			// 	constantImageSource: AppIcons.reloadArrow
-			// 	Layout.fillWidth: true
-			// 	Layout.preferredHeight: height
-			// 	height: 30 * DefaultStyle.dp
-			// 	width: 307 * DefaultStyle.dp
-			// 	weight: 700 * DefaultStyle.dp
-			// 	leftMargin: 0
-			// 	currentIndex: 0
-			// 	background: Rectangle {
-			// 		visible: parent.hovered || parent.down
-			// 		anchors.fill: parent
-			// 		color: DefaultStyle.grey_100
-			// 	}
-			// 	model: [
-			// 		{text: qsTr("Une fois")},
-			// 		{text: qsTr("Tous les jours")},
-			// 		{text: qsTr("Tous les jours de la semaine (Lun-Ven)")},
-			// 		{text: qsTr("Toutes les semaines")},
-			// 		{text: qsTr("Tous les mois")}
-			// 	]
-			// }
-			
 		]
 		
 	}
@@ -370,12 +262,19 @@ ColumnLayout {
 					pixelSize: 14 * DefaultStyle.dp
 					weight: 400 * DefaultStyle.dp
 				}
+				onEditingFinished: mainItem.conferenceInfoGui.core.description = text
+				Keys.onPressed: (event)=> {
+					if (event.key == Qt.Key_Escape) {
+						text = mainItem.conferenceInfoGui.core.description
+						nextItemInFocusChain().forceActiveFocus()
+						event.accepted = true;
+					}
+				}
 				background: Rectangle {
 					anchors.fill: parent
 					color: descriptionEdit.hovered || descriptionEdit.activeFocus ? DefaultStyle.grey_100 : "transparent"
 					radius: 4 * DefaultStyle.dp
 				}
-				onEditingFinished: mainItem.conferenceInfoGui.core.description = text
 			}
 		}
 	}
@@ -387,7 +286,7 @@ ColumnLayout {
 				Layout.preferredHeight: 30 * DefaultStyle.dp
 				background: Rectangle {
 					anchors.fill: parent
-					color: addParticipantsButton.hovered ? DefaultStyle.grey_100 : "transparent"
+					color: addParticipantsButton.hovered || addParticipantsButton.activeFocus ? DefaultStyle.grey_100 : "transparent"
 					radius: 4 * DefaultStyle.dp
 				}
 				contentItem: RowLayout {

Linphone/view/Item/NumericPad.qml

@@ -1,5 +1,5 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Controls 2.2 as Control
+import QtQuick.Controls as Control
 import QtQuick.Layouts as Layout
 import QtQuick.Effects
 import Linphone
@@ -16,6 +16,7 @@ Control.Popup {
 	rightPadding: 72 * DefaultStyle.dp
 	topPadding: 41 * DefaultStyle.dp
 	bottomPadding: 18 * DefaultStyle.dp
+	onOpened: numPad.forceActiveFocus()
 	background: Item {
 		anchors.fill: parent
 		Rectangle {
@@ -61,11 +62,36 @@ Control.Popup {
 			onClicked: mainItem.close()
 		}
 	}
-	contentItem: Layout.GridLayout {
+	contentItem: FocusScope{
+		id: numPad
+		anchors.fill: parent
+		anchors.topMargin: 41 * DefaultStyle.dp
+		anchors.bottomMargin: 18 * DefaultStyle.dp
+		anchors.rightMargin: 72 * DefaultStyle.dp
+		anchors.leftMargin: 72 * DefaultStyle.dp
+		
+		 Layout.GridLayout {
+			id: numPadGrid
+			anchors.fill: parent
 			columns: 3
 			columnSpacing: 40 * DefaultStyle.dp
 			rowSpacing: 10 * DefaultStyle.dp
+			function getButtonAt(index){
+				index = (index+15) % 15
+				if(index >= 0){
+					if( index < 9){
+						return numPadRepeater.itemAt(index)
+					}else if( index < 12){
+						return digitRepeater.itemAt(index-9)
+					}else if (index < 14){
+						return launchCallButton
+					}else if( index < 15){
+						return eraseButton
+					}
+				}
+			}
 			Repeater {
+				id: numPadRepeater
 				model: 9
 				Button {
 					id: numPadButton
@@ -73,9 +99,17 @@ Control.Popup {
 					required property int index
 					implicitWidth: 60 * DefaultStyle.dp
 					implicitHeight: 60 * DefaultStyle.dp
+					focus: index == 4
+					onClicked: {
+						mainItem.buttonPressed(innerText.text)
+					}
+					KeyNavigation.left: numPadGrid.getButtonAt(index - 1)
+					KeyNavigation.right: numPadGrid.getButtonAt(index + 1)
+					KeyNavigation.up: numPadGrid.getButtonAt(index - 3)
+					KeyNavigation.down: numPadGrid.getButtonAt(index + 3)
 					background: Rectangle {
 						anchors.fill: parent
-					color: numPadButton.down ? DefaultStyle.numericPadPressedButtonColor : DefaultStyle.grey_0
+						color: numPadButton.down  || numPadButton.shadowEnabled? DefaultStyle.numericPadPressedButtonColor : DefaultStyle.grey_0
 						radius: 71 * DefaultStyle.dp
 					}
 					contentItem: Text {
@@ -89,12 +123,10 @@ Control.Popup {
 							weight: 400 * DefaultStyle.dp
 						}
 					}
-				onClicked: {
-					mainItem.buttonPressed(innerText.text)
-				}
 				}
 			}
 			Repeater {
+				id: digitRepeater
 				model: [
 					{pressText: "*"},
 					{pressText: "0", longPressText: "+"},
@@ -103,13 +135,20 @@ Control.Popup {
 				Button {
 					id: digitButton
 					Layout.Layout.alignment: Qt.AlignHCenter
-				shadowEnabled: true
 					implicitWidth: 60 * DefaultStyle.dp
 					implicitHeight: 60 * DefaultStyle.dp
 					
+					onClicked: mainItem.buttonPressed(pressText.text)
+					onPressAndHold: mainItem.buttonPressed(longPressText.text)
+					
+					KeyNavigation.left: numPadGrid.getButtonAt((index - 1)+9)
+					KeyNavigation.right: numPadGrid.getButtonAt((index + 1)+9)
+					KeyNavigation.up: numPadGrid.getButtonAt((index - 3)+9)
+					KeyNavigation.down: numPadGrid.getButtonAt((index + 3)+9)
+	
 					background: Rectangle {
 						anchors.fill: parent
-					color: digitButton.down ? DefaultStyle.numericPadPressedButtonColor : DefaultStyle.grey_0
+						color: digitButton.down || digitButton.shadowEnabled? DefaultStyle.numericPadPressedButtonColor : DefaultStyle.grey_0
 						radius: 71 * DefaultStyle.dp
 					}
 					contentItem: Item {
@@ -136,8 +175,6 @@ Control.Popup {
 							font.pixelSize: 22 * DefaultStyle.dp
 						}
 					}
-				onClicked: mainItem.buttonPressed(pressText.text)
-				onPressAndHold: mainItem.buttonPressed(longPressText.text)
 				}
 			}
 			Item {
@@ -148,30 +185,46 @@ Control.Popup {
 				implicitWidth: 75 * DefaultStyle.dp
 				implicitHeight: 55 * DefaultStyle.dp
 				Layout.Layout.alignment: Qt.AlignHCenter
+				icon.source: AppIcons.phone
+				icon.width: 32 * DefaultStyle.dp
+				icon.height: 32 * DefaultStyle.dp
+				contentImageColor: DefaultStyle.grey_0
+				
+				onClicked: mainItem.launchCall()
+				
+				KeyNavigation.left: eraseButton
+				KeyNavigation.right: eraseButton
+				KeyNavigation.up: numPadGrid.getButtonAt(10)
+				KeyNavigation.down: numPadGrid.getButtonAt(1)
+				
 				background: Rectangle {
 					anchors.fill: parent
 					color: DefaultStyle.success_500main
 					radius: 71 * DefaultStyle.dp
 				}
-			icon.source: AppIcons.phone
-			icon.width: 32 * DefaultStyle.dp
-			icon.height: 32 * DefaultStyle.dp
-			contentImageColor: DefaultStyle.grey_0
-			onClicked: mainItem.launchCall()
 			}
 			Button {
+				id: eraseButton
 				leftPadding: 5 * DefaultStyle.dp
 				rightPadding: 5 * DefaultStyle.dp
 				topPadding: 5 * DefaultStyle.dp
 				bottomPadding: 5 * DefaultStyle.dp
 				Layout.Layout.alignment: Qt.AlignHCenter
-			background: Item {
-				visible: false
-			}
 				icon.source: AppIcons.backspaceFill
 				icon.width: 38 * DefaultStyle.dp
 				icon.height: 38 * DefaultStyle.dp
+				
 				onClicked: mainItem.wipe()
+				
+				KeyNavigation.left: launchCallButton
+				KeyNavigation.right: launchCallButton
+				KeyNavigation.up: numPadGrid.getButtonAt(11)
+				KeyNavigation.down: numPadGrid.getButtonAt(1)
+				
+				background: Item {
+					visible: false
+				}
+			}
 		}
 	}
 }

Linphone/view/Item/Popup.qml

@@ -9,6 +9,7 @@ Control.Popup{
 	property color underlineColor : DefaultStyle.main1_500_main
 	property int radius: 16 * DefaultStyle.dp
 	property bool hovered: mouseArea.containsMouse
+
 	background: Item{
 		Rectangle {
 			visible: mainItem.underlineColor != undefined

Linphone/view/Item/PopupButton.qml

@@ -7,6 +7,8 @@ Button {
 	id: mainItem
 	property alias popup: popup
 	property var contentImageColor
+	property bool shadowEnabled: mainItem.activeFocus  || hovered
+	property alias popupBackgroundColor: popupBackground.color
 	checked: popup.visible
 	implicitWidth: 24 * DefaultStyle.dp
 	implicitHeight: 24 * DefaultStyle.dp
@@ -26,12 +28,33 @@ Button {
 		popup.open()
 	}
 
-	background: Rectangle {
+	Keys.onPressed: (event) => {
+		if(popup.checked && event.key == Qt.Key_Escape){
+			mainItem.close()
+			event.accepted = true
+		}
+	}
+	background: Item {
 		anchors.fill: mainItem
-		visible: mainItem.checked
+		Rectangle {
-		color: DefaultStyle.main2_300
+			id: buttonBackground
+			anchors.fill: parent
+			visible: mainItem.checked || mainItem.shadowEnabled
+			color:  mainItem.checked ? DefaultStyle.main2_300 : DefaultStyle.grey_100
 			radius: 40 * DefaultStyle.dp
 		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: buttonBackground
+			source: buttonBackground
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
+	}
 	contentItem: EffectImage {
 		imageSource: mainItem.icon.source
 		imageWidth: mainItem.icon.width
@@ -46,7 +69,7 @@ Button {
 		id: popup
 		x: 0
 		y: mainItem.height
-		closePolicy: Popup.CloseOnPressOutsideParent | Popup.CloseOnPressOutside
+		closePolicy: Popup.CloseOnPressOutsideParent | Popup.CloseOnPressOutside | Popup.CloseOnEscape
 		padding: 10 * DefaultStyle.dp
 		parent: mainItem	// Explicit define for coordinates references.
 
@@ -64,19 +87,20 @@ Button {
 			} else {
 				x = 0
 			}
+			popup.contentItem.forceActiveFocus()
 		}
 
 		background: Item {
 			anchors.fill: parent
 			Rectangle {
-				id: callOptionsMenuPopup
+				id: popupBackground
 				anchors.fill: parent
 				color: DefaultStyle.grey_0
 				radius: 16 * DefaultStyle.dp
 			}
 			MultiEffect {
-				source: callOptionsMenuPopup
+				source: popupBackground
-				anchors.fill: callOptionsMenuPopup
+				anchors.fill: popupBackground
 				shadowEnabled: true
 				shadowBlur: 1
 				shadowColor: DefaultStyle.grey_900

Linphone/view/Item/RadioButton.qml

@@ -1,6 +1,7 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Controls 2.2 as Control
+import QtQuick.Controls as Control
 import QtQuick.Layouts
+import QtQuick.Effects
 import Linphone
   
 Control.RadioButton {
@@ -11,24 +12,28 @@ Control.RadioButton {
 	property bool checkOnClick: true
 	property color color
 	property int indicatorSize: 16 * DefaultStyle.dp
+	property bool shadowEnabled: mainItem.activeFocus || mainItem.hovered
 	//onClicked: if (checkOnClick && !mainItem.checked) mainItem.toggle()
 
 	MouseArea{
+		id: mouseArea
 		anchors.fill:parent
 		hoverEnabled: true
 		acceptedButtons: Qt.NoButton
 		cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
 	}
 
-	indicator: Rectangle {
+	indicator: Item{
 		implicitWidth: mainItem.indicatorSize
 		implicitHeight: mainItem.indicatorSize
-		radius: implicitWidth/2
+		anchors.verticalCenter: mainItem.verticalCenter
+		Rectangle {
+			id: backgroundArea
+			anchors.fill: parent
+			radius: mainItem.indicatorSize/2
 			color: "transparent"
 			border.color: mainItem.color
 			border.width: 2 * DefaultStyle.dp
-		anchors.verticalCenter: mainItem.verticalCenter
-
 			Rectangle {
 				width: parent.width/2
 				height: parent.height/2
@@ -39,4 +44,16 @@ Control.RadioButton {
 				visible: mainItem.checked
 			}
 		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: backgroundArea
+			source: backgroundArea
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
+	}
 }

Linphone/view/Item/SearchBar.qml

@@ -4,7 +4,7 @@ import QtQuick.Layouts 1.0
 import Linphone
 
 
-Rectangle {
+FocusScope {
 	id: mainItem
 	property string placeholderText: ""
 	property color placeholderTextColor: DefaultStyle.main2_400
@@ -17,6 +17,7 @@ Rectangle {
 	property Control.Popup numericPad
 	property alias numericPadButton: dialerButton
 	readonly property bool hasActiveFocus: textField.activeFocus
+	property alias color: backgroundItem.color
 
 	onVisibleChanged: if (!visible && numericPad) numericPad.close()
 
@@ -38,9 +39,14 @@ Rectangle {
 
 	implicitWidth: mainItem.textInputWidth
 	implicitHeight: 50 * DefaultStyle.dp
+	
+	Rectangle{
+		id: backgroundItem
+		anchors.fill: parent
 		radius: 28 * DefaultStyle.dp
 		color: DefaultStyle.grey_100
 		border.color: textField.activeFocus ? mainItem.focusedBorderColor : mainItem.borderColor
+	}
 	Image {
 		id: magnifier
 		visible: mainItem.magnifierVisible
@@ -57,6 +63,7 @@ Rectangle {
 		anchors.leftMargin: magnifier.visible ? 0 : 10 * DefaultStyle.dp
 		anchors.right: clearTextButton.left
 		anchors.verticalCenter: parent.verticalCenter
+		focus: true
 		placeholderText: mainItem.placeholderText
 		placeholderTextColor: mainItem.placeholderTextColor
 		width: mainItem.width - dialerButton.width

Linphone/view/Item/Settings/SwitchSetting.qml

@@ -29,7 +29,7 @@ RowLayout {
 			Layout.fillWidth: true
 		}
 	}
-	SwitchButton {
+	Switch {
 		id: switchButton
 		Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
 		checked: propertyOwner[mainItem.propertyName]

Linphone/view/Item/Slider.qml

@@ -6,14 +6,18 @@ import Linphone
 
 Control.Slider {
     id: mainItem
-
+	property bool shadowEnabled: mainItem.hovered || mainItem.activeFocus
-    background: Rectangle {
+	hoverEnabled: true
+    background: Item{
 		x: mainItem.leftPadding
 		y: mainItem.topPadding + mainItem.availableHeight / 2 - height / 2
 		implicitWidth: 200 * DefaultStyle.dp
 		implicitHeight: 4 * DefaultStyle.dp
 		width: mainItem.availableWidth
 		height: implicitHeight
+		Rectangle {
+			id: sliderBackground
+			anchors.fill: parent
 			radius: 30 * DefaultStyle.dp
 			// TODO : change the colors when mockup indicates their names
 			color: DefaultStyle.grey_850
@@ -29,6 +33,18 @@ Control.Slider {
 				radius: 40 * DefaultStyle.dp
 			}
 		}
+		MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: sliderBackground
+			source: sliderBackground
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
+    }
 
     handle: Item {
 		x: mainItem.leftPadding + mainItem.visualPosition * (mainItem.availableWidth - width)

Linphone/view/Item/Switch.qml

@@ -1,21 +1,27 @@
-import QtQuick 2.12
+import QtQuick
 import QtQuick.Controls as Control
+import QtQuick.Effects
 
 import Linphone
 
 Control.Switch {
     id: mainItem
+    property bool shadowEnabled: mainItem.hovered || mainItem.activeFocus
+    hoverEnabled: true
 	font {
 		pixelSize: 14 * DefaultStyle.dp
 		weight: 400 * DefaultStyle.dp
 	}
-    indicator: Rectangle {
+    indicator: Item{
 		implicitWidth: 32 * DefaultStyle.dp
 		implicitHeight: 20 * DefaultStyle.dp
 		x: mainItem.leftPadding
 		y: parent.height / 2 - height / 2
+		Rectangle {
+			id: indicatorBackground
+			anchors.fill: parent			
 			radius: 10 * DefaultStyle.dp
-        color: mainItem.checked ? DefaultStyle.success_500main : DefaultStyle.main2_400
+			color: mainItem.checked? DefaultStyle.success_500main : DefaultStyle.main2_400
 	
 			Rectangle {
 				anchors.verticalCenter: parent.verticalCenter
@@ -30,6 +36,18 @@ Control.Switch {
 				}
 			}
 		}
+        MultiEffect {
+			enabled: mainItem.shadowEnabled
+			anchors.fill: indicatorBackground
+			source: indicatorBackground
+			visible:  mainItem.shadowEnabled
+			// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+			shadowEnabled: true //mainItem.shadowEnabled
+			shadowColor: DefaultStyle.grey_1000
+			shadowBlur: 1
+			shadowOpacity: mainItem.shadowEnabled ? 0.5 : 0.0
+		}
+    }
 
     contentItem: Text {
         text: mainItem.text

Linphone/view/Item/SwitchButton.qml

@@ -1,22 +0,0 @@
-import QtQuick 2.7
-import QtQuick.Controls 2.2 as Control
-import Linphone
-  
-Control.AbstractButton {
-	id: mainItem
-	checkable: true
-	width: 32 * DefaultStyle.dp
-	height: 20 * DefaultStyle.dp
-	EffectImage {
-		visible: mainItem.checked
-		imageSource: AppIcons.switchOn
-		//colorizationColor: DefaultStyle.success_500main - not working on this icon.
-		anchors.fill: parent
-	}
-	EffectImage {
-		visible: !mainItem.checked
-		imageSource: AppIcons.switchOff
-		//colorizationColor: DefaultStyle.main2_400 - not working on this icon.
-		anchors.fill: parent
-	}
-}

Linphone/view/Item/TabBar.qml

@@ -1,6 +1,7 @@
-import QtQuick 2.7
+import QtQuick
-import QtQuick.Layouts 1.3
+import QtQuick.Layouts
-import QtQuick.Controls 2.2 as Control
+import QtQuick.Controls as Control
+import QtQuick.Effects
 import Linphone
   
 Control.TabBar {
@@ -44,9 +45,12 @@ Control.TabBar {
 	Repeater {
 		model: mainItem.model
 		Control.TabButton {
+			id: tabButton
 			required property string modelData
 			required property int index
+			property bool shadowEnabled: activeFocus || hovered
 			width: implicitWidth
+			activeFocusOnTab: true
 			hoverEnabled: true
 			ToolTip {
 				visible: tabText.truncated && hovered
@@ -58,6 +62,7 @@ Control.TabBar {
 				anchors.fill: parent
 
 				Rectangle {
+					id: tabBackground
 					visible: mainItem.currentIndex === index
 					height: 5 * DefaultStyle.dp
 					color: DefaultStyle.main1_500_main
@@ -65,6 +70,17 @@ Control.TabBar {
 					anchors.left: parent.left
 					anchors.right: parent.right
 				}
+				MultiEffect {
+					enabled: tabButton.shadowEnabled
+					anchors.fill: tabBackground
+					source: tabBackground
+					visible:  tabButton.shadowEnabled
+					// Crash : https://bugreports.qt.io/browse/QTBUG-124730
+					shadowEnabled: true //mainItem.shadowEnabled
+					shadowColor: DefaultStyle.grey_1000
+					shadowBlur: 1
+					shadowOpacity: tabButton.shadowEnabled ? 0.5 : 0.0
+				}
 			}
 
 			contentItem: Text {

Linphone/view/Item/Text.qml

@@ -1,4 +1,4 @@
-import QtQuick 2.7 as Quick
+import QtQuick as Quick
 import QtQuick.Layouts
 import Linphone
 

Linphone/view/Item/TextArea.qml

@@ -15,6 +15,7 @@ TextEdit {
 	property bool hovered: mouseArea.hoverEnabled && mouseArea.containsMouse
 	topPadding: 5 * DefaultStyle.dp
 	bottomPadding: 5 * DefaultStyle.dp
+	activeFocusOnTab: true
 
 	MouseArea {
 		id: mouseArea

Linphone/view/Item/TextField.qml

@@ -20,6 +20,7 @@ Control.TextField {
 		weight: 400 * DefaultStyle.dp
 	}
 	selectByMouse: true
+	activeFocusOnTab: true
 
 	property bool controlIsDown: false
 	property bool hidden: false
@@ -111,10 +112,9 @@ Control.TextField {
 		icon.source: eyeButton.checked ? AppIcons.eyeShow : AppIcons.eyeHide
 		width: 20 * DefaultStyle.dp
 		height: 20 * DefaultStyle.dp
-		icon.width: 20 * DefaultStyle.dp
+		icon.width: width
-		icon.height: 20 * DefaultStyle.dp
+		icon.height: height
-		anchors.top: parent.top
+		anchors.verticalCenter: parent.verticalCenter
-		anchors.bottom: parent.bottom
 		anchors.right: parent.right
 		anchors.rightMargin: rightMargin
 	}

Linphone/view/Item/VerticalTabBar.qml

@@ -115,6 +115,7 @@ Control.TabBar {
 					font {
 						weight: mainItem.currentIndex === index ? 800 * DefaultStyle.dp : 400 * DefaultStyle.dp
 						pixelSize: 9 * DefaultStyle.dp
+						underline: tabButton.activeFocus || tabButton.hovered
 					}
 					color: DefaultStyle.grey_0
 					Layout.fillWidth: true

Linphone/view/Layout/FormItemLayout.qml

@@ -1,10 +1,10 @@
 import QtQuick
 import QtQuick.Controls as Control
-import QtQuick.Layouts 1.0
+import QtQuick.Layouts
 import QtQuick.Effects
 import Linphone
   
-ColumnLayout {
+FocusScope{
 	id: mainItem
 	property alias contentItem: contentItem.data
 	property string label: ""
@@ -14,6 +14,10 @@ ColumnLayout {
 	property alias errorMessage: errorText.text
 	property bool enableErrorText: false
 	property bool errorTextVisible: errorText.opacity > 0
+	implicitHeight: layout.implicitHeight
+	implicitWidth: layout.implicitWidth
+	ColumnLayout {
+		id: layout
 		spacing: 5 * DefaultStyle.dp
 	
 		Text {
@@ -48,4 +52,5 @@ ColumnLayout {
 			}
 		}
 	
+	}
 }

Linphone/view/Layout/Meeting/AddParticipantsLayout.qml

@@ -6,9 +6,9 @@ import Linphone
 import UtilsCpp
 import SettingsCpp
 
-ColumnLayout {
+FocusScope{
 	id: mainItem
-	spacing: 15 * DefaultStyle.dp
+	
 	property string placeHolderText: qsTr("Rechercher des contacts")
 	property list<string> selectedParticipants: contactList.selectedContacts
 	property int selectedParticipantsCount: selectedParticipants.length
@@ -23,6 +23,9 @@ ColumnLayout {
 		//contactList.selectedContacts.clear()
 	}
 	
+	ColumnLayout {
+		anchors.fill: parent
+		spacing: 15 * DefaultStyle.dp
 		ColumnLayout {
 			visible: mainItem.nameGroupCall
 			spacing: 5 * DefaultStyle.dp
@@ -45,6 +48,13 @@ ColumnLayout {
 				id: groupCallName
 				Layout.fillWidth: true
 				Layout.preferredHeight: 49 * DefaultStyle.dp
+				focus: mainItem.nameGroupCall
+				KeyNavigation.down: participantList.count > 0 ? participantList : searchbar
+				Keys.onPressed: (event) => {
+					if(currentIndex <=0 && event.key == Qt.Key_Up){
+						nextItemInFocusChain(false).forceActiveFocus()
+					}
+				}
 			}
 		}
 		ListView {
@@ -55,7 +65,13 @@ ColumnLayout {
 			width: mainItem.width
 			model: contactList.selectedContacts
 			clip: true
-		delegate: Item {
+			focus: !groupCallName.visible && participantList.count > 0
+			Keys.onPressed: (event) => {
+				if(currentIndex <=0 && event.key == Qt.Key_Up){
+					nextItemInFocusChain(false).forceActiveFocus()
+				}
+			}
+			delegate: FocusScope {
 				height: 56 * DefaultStyle.dp
 				width: participantList.width - scrollbar.implicitWidth - 12 * DefaultStyle.dp
 				RowLayout {
@@ -82,6 +98,7 @@ ColumnLayout {
 						icon.source: AppIcons.closeX
 						icon.width: 24 * DefaultStyle.dp
 						icon.height: 24 * DefaultStyle.dp
+						focus: true
 						contentImageColor: DefaultStyle.main1_500_main
 						onClicked: contactList.selectedContacts.splice(index, 1)
 					}
@@ -104,8 +121,15 @@ ColumnLayout {
 			Layout.topMargin: 6 * DefaultStyle.dp
 			Layout.rightMargin: 28 * DefaultStyle.dp
 			placeholderText: mainItem.placeHolderText
+			focus: !groupCallName.visible && participantList.count == 0
 			color: mainItem.searchBarColor
 			borderColor: mainItem.searchBarColor
+			KeyNavigation.up: participantList.count > 0 
+								? participantList
+								: groupCallName.visible
+									? groupCallName
+									: nextItemInFocusChain(false)
+			KeyNavigation.down: contactList
 		}
 		Text {
 			Layout.topMargin: 6 * DefaultStyle.dp
@@ -161,4 +185,5 @@ ColumnLayout {
 		Item {
 			Layout.fillHeight: true
 		}
+	}
 }

Linphone/view/Page/Login/LoginPage.qml

@@ -23,8 +23,8 @@ LoginLayout {
 			Layout.preferredWidth: 27 * DefaultStyle.dp
 			Layout.leftMargin: 79 * DefaultStyle.dp
 			icon.source: AppIcons.leftArrow
-			icon.width: 27 * DefaultStyle.dp
+			icon.width: width
-			icon.height: 27 * DefaultStyle.dp
+			icon.height: height
 			background: Rectangle {
 				color: "transparent"
 			}

Linphone/view/Page/Login/RegisterPage.qml

@@ -214,13 +214,22 @@ LoginLayout {
 							}
 						}
 						Text {
+							activeFocusOnTab: true
 							font {
 								underline: true
 								pixelSize: 14 * DefaultStyle.dp
 								weight: 400 * DefaultStyle.dp
+								bold: activeFocus
 							}
 							text: qsTr("conditions d’utilisation")
+							Keys.onPressed: (event)=> {
+								if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+									cguMouseArea.clicked(undefined)
+									event.accepted = true;
+								}
+							}
 							MouseArea {
+								id: cguMouseArea
 								anchors.fill: parent
 								hoverEnabled: true
 								cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
@@ -235,13 +244,22 @@ LoginLayout {
 							}
 						}
 						Text {
+							activeFocusOnTab: true
 							font {
 								underline: true
 								pixelSize: 14 * DefaultStyle.dp
 								weight: 400 * DefaultStyle.dp
+								bold: activeFocus
 							}
 							text: qsTr("politique de confidentialité.")
+							Keys.onPressed: (event)=> {
+								if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+									privateMouseArea.clicked(undefined)
+									event.accepted = true;
+								}
+							}
 							MouseArea {
+								id: privateMouseArea
 								anchors.fill: parent
 								hoverEnabled: true
 								cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor

Linphone/view/Page/Login/SIPLoginPage.qml

@@ -95,6 +95,7 @@ LoginLayout {
 				<p>To enable it in a commercial projet, please contact us. </p>"
 			}
 			Button {
+				Layout.alignment: Qt.AlignCenter
 				Layout.topMargin: 18 * DefaultStyle.dp
 				text: "linphone.org/contact"
 				textSize: 13 * DefaultStyle.dp
@@ -109,7 +110,7 @@ LoginLayout {
 			}
 			Button {
 				Layout.topMargin: 85 * DefaultStyle.dp
-				Layout.preferredWidth: 360 * DefaultStyle.dp
+				Layout.fillWidth: true
 				inversedColors: true
 				text: qsTr("I prefer creating an account")
 				leftPadding: 20 * DefaultStyle.dp
@@ -123,7 +124,7 @@ LoginLayout {
 			}
 			Button {
 				Layout.topMargin: 20 * DefaultStyle.dp
-				Layout.preferredWidth: 360 * DefaultStyle.dp
+				Layout.fillWidth: true
 				text: qsTr("I understand")
 				leftPadding: 20 * DefaultStyle.dp
 				rightPadding: 20 * DefaultStyle.dp
@@ -229,7 +230,6 @@ LoginLayout {
 			anchors.topMargin: 70 * DefaultStyle.dp
 			anchors.leftMargin: 127 * DefaultStyle.dp
 			width: 361 * DefaultStyle.dp
-			clip: true
 		},
 		Image {
 			z: -1

Linphone/view/Page/Main/AbstractMainPage.qml

@@ -9,7 +9,7 @@ import QtQuick.Controls as Control
 import Linphone
 import UtilsCpp
 
-Item {
+FocusScope {
 	id: mainItem
 	property string noItemButtonText
 	property string newItemIconSource
@@ -209,6 +209,8 @@ Item {
 				}
 				Control.StackView {
 					id: rightPanelStackView
+					Layout.fillWidth: true
+					Layout.fillHeight: true
 				}
 			}
 		}

Linphone/view/Page/Main/AbstractMasterDetailPage.qml

@@ -33,17 +33,19 @@ AbstractMainPage {
 			Layout.rightMargin: leftPanel.sideMargin
 			spacing: 5 * DefaultStyle.dp
 			Button {
+				id: backButton
 				Layout.preferredHeight: 24 * DefaultStyle.dp
 				Layout.preferredWidth: 24 * DefaultStyle.dp
 				icon.source: AppIcons.leftArrow
 				width: 24 * DefaultStyle.dp
 				height: 24 * DefaultStyle.dp
-				background: Item {
+				focus: true
-					anchors.fill: parent
-				}
 				onClicked: {
 					mainItem.goBack()
 				}
+				background: Item {
+					anchors.fill: parent
+				}
 			}
 			Text {
 				text: titleText
@@ -63,11 +65,13 @@ AbstractMainPage {
 			Layout.topMargin: 41 * DefaultStyle.dp
 			Layout.leftMargin: leftPanel.sideMargin
 			property int selectedIndex: 0
+			activeFocusOnTab: true
 			
 			delegate: MasterDetailFamily {
 				titleText: modelData.title
 				visible: modelData.visible != undefined ? modelData.visible : true
 				isSelected: familiesList.selectedIndex == index
+				focus: index == 0
 				onSelected: {
 					familiesList.selectedIndex = index
 					rightPanelStackView.clear()
@@ -78,6 +82,8 @@ AbstractMainPage {
 		Component.onCompleted: {
 			let initialEntry = mainItem.families[familiesList.selectedIndex]
 			rightPanelStackView.push(layoutUrl(initialEntry.layout), { titleText: initialEntry.title, model: initialEntry.model, container: rightPanelStackView})
+			familiesList.currentIndex = familiesList.selectedIndex
+			backButton.forceActiveFocus()
 		}
 	}
 }

Linphone/view/Page/Main/CallPage.qml

@@ -69,23 +69,32 @@ AbstractMainPage {
 		id: leftPanel
 		Layout.fillWidth: true
 		Layout.fillHeight: true
-
 		Loader {
 			id: titleLoader
 			anchors.left: parent.left
 			anchors.right: parent.right
+			asynchronous: false
+			onActiveFocusChanged:{
+				if(activeFocus && item){
+					item.forceActiveFocus()
+				}
+			}
 		}
 
 		Control.StackView {
 			id: listStackView
-			clip: true
-			initialItem: historyListItem
 			anchors.top: titleLoader.bottom
 			anchors.topMargin: 18 * DefaultStyle.dp
 			anchors.left: parent.left
 			anchors.leftMargin: 45 * DefaultStyle.dp
 			anchors.right: parent.right
 			anchors.bottom: parent.bottom
+			clip: true
+			initialItem: historyListItem
+			focus: true
+			onActiveFocusChanged: if(activeFocus){
+				currentItem.forceActiveFocus()
+			}
 		}
 
 		Item {
@@ -107,7 +116,12 @@ AbstractMainPage {
 
 	Component {
 		id: historyListTitle
+		FocusScope{
+			width: parent.width
+			height: titleCallLayout.implicitHeight
 			RowLayout {
+				id: titleCallLayout
+				anchors.fill: parent
 				spacing: 16 * DefaultStyle.dp
 				Text {
 					text: qsTr("Appels")
@@ -123,10 +137,15 @@ AbstractMainPage {
 					id: removeHistory
 					width: 24 * DefaultStyle.dp
 					height: 24 * DefaultStyle.dp
+					focus: true
 					popup.x: 0
 					popup.padding: 10 * DefaultStyle.dp
+					KeyNavigation.right: newCallButton
+					KeyNavigation.down: listStackView
 					popup.contentItem: Button {
-					background: Item{}
+						color: removeHistory.popupBackgroundColor
+						borderColor: removeHistory.popupBackgroundColor
+						inversedColors: true
 						contentItem: RowLayout {
 							EffectImage {
 								imageSource: AppIcons.trashCan
@@ -146,13 +165,14 @@ AbstractMainPage {
 								}
 							}
 						}
+					}
 					onClicked: {
 						removeHistory.close()
 						deleteHistoryPopup.open()
 					}
 				}
-			}
 				Button {
+					id: newCallButton
 					background: Item {}
 					icon.source: AppIcons.newCall
 					Layout.preferredWidth: 28 * DefaultStyle.dp
@@ -160,6 +180,8 @@ AbstractMainPage {
 					Layout.rightMargin: 39 * DefaultStyle.dp
 					icon.width: 28 * DefaultStyle.dp
 					icon.height: 28 * DefaultStyle.dp
+					KeyNavigation.left: removeHistory
+					KeyNavigation.down: listStackView
 					onClicked: {
 						console.debug("[CallPage]User: create new call")
 						listStackView.push(newCallItem)
@@ -167,16 +189,23 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 	Component {
 		id: historyListItem
-		ColumnLayout {
+		FocusScope{
+			width: parent.width
+			height: parent.height
 			Control.StackView.onActivated: titleLoader.sourceComponent = historyListTitle
-			property alias listView: historyListView
+			ColumnLayout {
+				anchors.fill: parent
 				SearchBar {
 					id: searchBar
 					Layout.fillWidth: true
 					Layout.rightMargin: 39 * DefaultStyle.dp
 					placeholderText: qsTr("Rechercher un appel")
+					focus: true
+					KeyNavigation.up: titleLoader
+					KeyNavigation.down: historyListView
 				}
 				Item {
 					Layout.topMargin: 38 * DefaultStyle.dp
@@ -192,13 +221,13 @@ AbstractMainPage {
 							anchors.fill: parent
 							ColumnLayout {
 								Text {
+									visible: historyListView.count === 0
+									Layout.alignment: Qt.AlignHCenter
 									text: qsTr("Aucun appel")
 									font {
 										pixelSize: 16 * DefaultStyle.dp
 										weight: 800 * DefaultStyle.dp
 									}
-								visible: historyListView.count === 0
-								Layout.alignment: Qt.AlignHCenter
 									Binding on text {
 										when: searchBar.text.length !== 0
 										value: qsTr("Aucun appel correspondant")
@@ -217,6 +246,18 @@ AbstractMainPage {
 									currentIndex: -1
 									flickDeceleration: 10000
 									spacing: 10 * DefaultStyle.dp
+									highlightFollowsCurrentItem: true
+									preferredHighlightBegin: height/2 - 10
+									preferredHighlightEnd: height/2 + 10
+									highlightRangeMode: ListView.ApplyRange
+									Keys.onPressed: (event) => {
+										if(event.key == Qt.Key_Escape){
+											console.log("Back")
+											searchBar.forceActiveFocus()
+											event.accepted = true
+										}
+									}
+									onActiveFocusChanged: if(activeFocus && currentIndex <0) currentIndex = 0
 	
 									Connections {
 										target: deleteHistoryPopup
@@ -225,7 +266,7 @@ AbstractMainPage {
 										}
 									}							
 	
-								delegate: Item {
+									delegate: FocusScope {
 										width:historyListView.width
 										height: 56 * DefaultStyle.dp
 										anchors.topMargin: 5 * DefaultStyle.dp
@@ -321,6 +362,8 @@ AbstractMainPage {
 												Layout.preferredHeight: 24 * DefaultStyle.dp
 												icon.width: 24 * DefaultStyle.dp
 												icon.height: 24 * DefaultStyle.dp
+												focus: true
+												activeFocusOnTab: false
 												onClicked: {
 													if (modelData.core.isConference) {
 														var callsWindow = UtilsCpp.getCallsWindow()
@@ -336,6 +379,7 @@ AbstractMainPage {
 										MouseArea {
 											hoverEnabled: true
 											anchors.fill: parent
+											focus: true
 											Rectangle {
 												anchors.fill: parent
 												opacity: 0.1
@@ -349,6 +393,8 @@ AbstractMainPage {
 											}
 											onPressed: {
 												historyListView.currentIndex = model.index
+												historyListView.forceActiveFocus()
+												
 											}
 										}
 									}
@@ -384,10 +430,15 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component {
 		id: newCallTitle
+		FocusScope{
+			width: parent.width
+			height: parent.height
 			RowLayout {
+				anchors.fill: parent
 				Button {
 					Layout.leftMargin: 45 * DefaultStyle.dp
 					background: Item {
@@ -397,9 +448,12 @@ AbstractMainPage {
 					icon.source: AppIcons.leftArrow
 					icon.width: 24 * DefaultStyle.dp
 					icon.height: 24 * DefaultStyle.dp
+					focus: true
+					KeyNavigation.down: listStackView
 					onClicked: {
 						console.debug("[CallPage]User: return to call history")
 						listStackView.pop()
+						listStackView.forceActiveFocus()
 					}
 				}
 				Text {
@@ -413,18 +467,30 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 	Component {
 		id: newCallItem
+		FocusScope{
+			width: parent?.width
+			height: parent?.height
+			Control.StackView.onActivated:{
+				titleLoader.sourceComponent = newCallTitle
+				callContactsList.forceActiveFocus()
+			}
+			
 			ColumnLayout {
-			Control.StackView.onActivated: titleLoader.sourceComponent = newCallTitle
+				anchors.fill: parent
 				CallContactsLists {
 					id: callContactsList
 					Layout.fillWidth: true
 					Layout.fillHeight: true
+					focus: true
 					numPad: numericPad
 					groupCallVisible: true
 					searchBarColor: DefaultStyle.grey_100
-				onSelectedContactChanged: mainWindow.startCallWithContact(selectedContact, false, callContactsList)
+					//onSelectedContactChanged: mainWindow.startCallWithContact(selectedContact, false, callContactsList)
+					onCallSelectedContact: mainWindow.startCallWithContact(selectedContact, false, callContactsList)
+					onCallButtonPressed: mainItem.createCallFromSearchBarRequested()
 					onGroupCallCreationRequested: {
 						console.log("groupe call requetsed")
 						listStackView.push(groupCallItem)
@@ -436,13 +502,19 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component {
 		id: groupCallTitle
+		FocusScope{
+			width: parent.width
+			height: parent.height
 			RowLayout {
+				anchors.fill: parent
 				spacing: 10 * DefaultStyle.dp
 				visible: !SettingsCpp.disableMeetingsFeature
 				Button {
+					id: backGroupCallButton
 					background: Item{}
 					icon.source: AppIcons.leftArrow
 					contentImageColor: DefaultStyle.main1_500_main
@@ -451,7 +523,13 @@ AbstractMainPage {
 					Layout.preferredHeight: 24 * DefaultStyle.dp
 					icon.width: 24 * DefaultStyle.dp
 					icon.height: 24 * DefaultStyle.dp
-				onClicked: listStackView.pop()
+					KeyNavigation.down: listStackView
+					KeyNavigation.right: groupCallButton
+					KeyNavigation.left: groupCallButton
+					onClicked: {
+						listStackView.pop()
+						titleLoader.item.forceActiveFocus()
+					}
 				}
 				ColumnLayout {
 					spacing: 3 * DefaultStyle.dp
@@ -477,6 +555,7 @@ AbstractMainPage {
 					}
 				}
 				Button {
+					id: groupCallButton
 					enabled: mainItem.selectedParticipantsCount.length != 0
 					Layout.rightMargin: 21 * DefaultStyle.dp
 					topPadding: 6 * DefaultStyle.dp
@@ -485,21 +564,32 @@ AbstractMainPage {
 					rightPadding: 12 * DefaultStyle.dp
 					text: qsTr("Lancer")
 					textSize: 13 * DefaultStyle.dp
+					KeyNavigation.down: listStackView
+					KeyNavigation.left: backGroupCallButton
+					KeyNavigation.right: backGroupCallButton
 					onClicked: {
 						mainItem.startGroupCallRequested()
 					}
 				}
 			}
 		}
+	}
 
 	Component {
 		id: groupCallItem
-		// RowLayout {
+		FocusScope{
+			width: parent?.width
+			height: parent?.height
+			Control.StackView.onActivated: {
+				titleLoader.sourceComponent = groupCallTitle
+				addParticipantsLayout.forceActiveFocus()
+			}
 			AddParticipantsLayout {
-			Control.StackView.onActivated: titleLoader.sourceComponent = groupCallTitle
 				id: addParticipantsLayout
+				anchors.fill: parent
 				onSelectedParticipantsCountChanged: mainItem.selectedParticipantsCount = selectedParticipantsCount
 				nameGroupCall: true
+				focus: true
 				Connections {
 					target: mainItem
 					function onStartGroupCallRequested() {
@@ -519,7 +609,7 @@ AbstractMainPage {
 					}
 				}
 			}
-		// }
+		}
 	}
 
 	Component{
@@ -528,18 +618,21 @@ AbstractMainPage {
 	}
 	Component {
 		id: contactDetailComp
+		FocusScope{
+			width: parent?.width
+			height: parent?.height
 			ContactLayout {
 				id: contactDetail
+				anchors.fill: parent
+				anchors.topMargin: 45 * DefaultStyle.dp
+				anchors.bottomMargin: 45 * DefaultStyle.dp
 				visible: mainItem.selectedRowHistoryGui != undefined
 				property var contactObj: UtilsCpp.findFriendByAddress(contactAddress)
 				contact: contactObj && contactObj.value || null
 				conferenceInfo: mainItem.selectedRowHistoryGui && mainItem.selectedRowHistoryGui.core.conferenceInfo || null
 				contactAddress: mainItem.selectedRowHistoryGui && mainItem.selectedRowHistoryGui.core.remoteAddress || ""
 				contactName: mainItem.selectedRowHistoryGui ? mainItem.selectedRowHistoryGui.core.displayName : ""
-			anchors.top: rightPanelStackView.top
+				
-			anchors.bottom: rightPanelStackView.bottom
-			anchors.topMargin: 45 * DefaultStyle.dp
-			anchors.bottomMargin: 45 * DefaultStyle.dp
 				buttonContent: PopupButton {
 					id: detailOptions
 					anchors.right: parent.right
@@ -588,6 +681,7 @@ AbstractMainPage {
 							Layout.preferredHeight: 2 * DefaultStyle.dp
 							color: DefaultStyle.main2_400
 						}
+						
 						Button {
 							background: Item {}
 							contentItem: IconLabel {
@@ -627,7 +721,6 @@ AbstractMainPage {
 						width: parent.width
 						height: Math.min(detailControl.implicitHeight, contentHeight)
 	
-					
 						spacing: 20 * DefaultStyle.dp
 						clip: true
 	
@@ -719,6 +812,7 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	component IconLabel: RowLayout {
 		id: iconLabel

Linphone/view/Page/Main/ContactPage.qml

@@ -363,6 +363,8 @@ AbstractMainPage {
 	Component {
 		id: contactDetail
 		Item {
+			width: parent?.width
+			height: parent?.height
 			property string objectName: "contactDetail"
 			Control.StackView.onActivated: mainItem.leftPanelEnabled = true
 			Control.StackView.onDeactivated: mainItem.leftPanelEnabled = false
@@ -791,6 +793,8 @@ AbstractMainPage {
 	Component {
 		id: contactEdition
 		ContactEdition {
+			width: rightPanelStackView.width
+			height: rightPanelStackView.height
 			property string objectName: "contactEdition"
 			onCloseEdition: {
 				if (rightPanelStackView.depth <= 1) rightPanelStackView.clear()

Linphone/view/Page/Main/MeetingPage.qml

@@ -32,15 +32,18 @@ AbstractMainPage {
 
 	function editConference(confInfoGui = null) {
 		var isCreation = !confInfoGui
+		var item
 		if (isCreation) {
 			confInfoGui = Qt.createQmlObject('import Linphone
 											ConferenceInfoGui{
 											}', mainItem)
 			mainItem.selectedConference = confInfoGui
-			leftPanelStackView.push(createConf, {"conferenceInfoGui": mainItem.selectedConference, "isCreation": isCreation})
+			item = leftPanelStackView.push(createConf, {"conferenceInfoGui": mainItem.selectedConference, "isCreation": isCreation})
+			item.forceActiveFocus()
 		} else {
 			mainItem.selectedConference = confInfoGui
-			overridenRightPanelStackView.push(editConf, {"conferenceInfoGui": mainItem.selectedConference, "isCreation": isCreation})
+			item = overridenRightPanelStackView.push(editConf, {"conferenceInfoGui": mainItem.selectedConference, "isCreation": isCreation})
+			item.forceActiveFocus()
 		}
 	}
 
@@ -120,9 +123,9 @@ AbstractMainPage {
 
 	Component {
 		id: listLayout
-		ColumnLayout {
+		FocusScope{
-			id: listLayoutIn
+			width: parent.width
-			spacing: 0
+			height: listLayoutIn.implicitHeight
 			property string objectName: "listLayout"
 			Control.StackView.onDeactivated: {
 				mainItem.selectedConference = null
@@ -137,6 +140,10 @@ AbstractMainPage {
 				value: conferenceList.count === 0
 				restoreMode: Binding.RestoreBindingOrValue
 			}
+			ColumnLayout {
+				id: listLayoutIn
+				anchors.fill: parent
+				spacing: 0
 				RowLayout {
 					enabled: mainItem.leftPanelEnabled
 					Layout.rightMargin: 39 * DefaultStyle.dp
@@ -168,10 +175,10 @@ AbstractMainPage {
 					// Layout.fillWidth: true
 					//Layout.topMargin: 18 * DefaultStyle.dp
 					placeholderText: qsTr("Rechercher une réunion")
-				focusedBorderColor: DefaultStyle.main1_500_main
 					Layout.preferredWidth: 331 * DefaultStyle.dp
+					KeyNavigation.up: conferenceList
+					KeyNavigation.down: conferenceList
 				}
-
 				Text {
 					Layout.topMargin: 38 * DefaultStyle.dp
 					Layout.fillHeight: true
@@ -188,7 +195,6 @@ AbstractMainPage {
 						restoreMode: Binding.RestoreBindingOrValue
 					}
 				}
-			
 				RowLayout {
 				// Remove 24 from first section padding because we cannot know that it is the first section. 24 is the margins between sections.
 					Layout.topMargin: 38 * DefaultStyle.dp - 24 * DefaultStyle.dp
@@ -199,7 +205,20 @@ AbstractMainPage {
 						Layout.fillHeight: true
 						visible: count != 0
 						hoverEnabled: mainItem.leftPanelEnabled
+						highlightFollowsCurrentItem: true
+						preferredHighlightBegin: height/2 - 10
+						preferredHighlightEnd: height/2 + 10
+						highlightRangeMode: ListView.ApplyRange
 						searchBarText: searchBar.text
+						Keys.onPressed: (event) => {
+							if(event.key == Qt.Key_Escape){
+								searchBar.forceActiveFocus()
+								event.accepted = true
+							}else if(event.key == Qt.Key_Right){
+								overridenRightPanelStackView.currentItem.forceActiveFocus()
+								event.accepted = true
+							}
+						}
 						onSelectedConferenceChanged: {
 							mainItem.selectedConference = selectedConference
 						}
@@ -216,19 +235,23 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component {
 		id: createConf
-		ColumnLayout {
+		FocusScope{
 			id: createConfLayout
 			property ConferenceInfoGui conferenceInfoGui
 			property bool isCreation
+			ColumnLayout {
 				spacing: 33 * DefaultStyle.dp
 	
 				RowLayout {
 					width: 320 * DefaultStyle.dp
 					Layout.rightMargin: 35 * DefaultStyle.dp
+					spacing: 5 * DefaultStyle.dp
 					Button {
+						id: backButton
 						background: Item{}
 						icon.source: AppIcons.leftArrow
 						Layout.preferredWidth: 24 * DefaultStyle.dp
@@ -237,6 +260,9 @@ AbstractMainPage {
 						icon.height: 24 * DefaultStyle.dp
 						topPadding: 6 * DefaultStyle.dp
 						bottomPadding: 6 * DefaultStyle.dp
+						focus: true
+						KeyNavigation.right: createButton
+						KeyNavigation.down: meetingSetup
 						onClicked: {
 							meetingSetup.conferenceInfoGui.core.undo()
 							leftPanelStackView.pop()
@@ -252,9 +278,12 @@ AbstractMainPage {
 						Layout.fillWidth: true
 					}
 					Button {
+						id: createButton
 						Layout.preferredWidth: 57 * DefaultStyle.dp
 						topPadding: 6 * DefaultStyle.dp
 						bottomPadding: 6 * DefaultStyle.dp
+						KeyNavigation.left: backButton
+						KeyNavigation.down: meetingSetup
 						contentItem: Text {
 							text: qsTr("Créer")
 							horizontalAlignment: Text.AlignHCenter
@@ -282,8 +311,10 @@ AbstractMainPage {
 				}
 				MeetingSetUp {
 					id: meetingSetup
-				conferenceInfoGui: parent.conferenceInfoGui
+					conferenceInfoGui: createConfLayout.conferenceInfoGui
-				isCreation: parent.isCreation
+					isCreation: createConfLayout.isCreation
+					Layout.fillHeight: true
+					Layout.fillWidth: true
 					Layout.rightMargin: 35 * DefaultStyle.dp
 					Connections {
 						target: meetingSetup.conferenceInfoGui ? meetingSetup.conferenceInfoGui.core : null
@@ -311,7 +342,7 @@ AbstractMainPage {
 					}
 					Connections {
 						target: mainItem
-					function onAddParticipantsValidated(selectedParticipants) {
+						onAddParticipantsValidated: (selectedParticipants) => {
 							meetingSetup.conferenceInfoGui.core.resetParticipants(selectedParticipants)
 							leftPanelStackView.pop()
 						}
@@ -319,47 +350,71 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component {
 		id: editConf
-		ColumnLayout {
+		FocusScope{
+			id: editFocusScope
 			property bool isCreation
 			property ConferenceInfoGui conferenceInfoGui
+			width : parent.width
+			height: editLayout.implicitHeight
+			ColumnLayout {
+				id: editLayout
+				anchors.fill: parent
+				spacing: 0
 				Section {
 					content: RowLayout {
 						spacing: 10 * DefaultStyle.dp
 						Button {
-						background: Item{}
+							id: backButton
-						icon.source: AppIcons.leftArrow
 							Layout.preferredWidth: 24 * DefaultStyle.dp
 							Layout.preferredHeight: 24 * DefaultStyle.dp
 							icon.width: 24 * DefaultStyle.dp
 							icon.height: 24 * DefaultStyle.dp
+							icon.source: AppIcons.leftArrow
+							KeyNavigation.left: saveButton
+							KeyNavigation.right: titleText
+							KeyNavigation.down: conferenceEdit
+							KeyNavigation.up: conferenceEdit
 							onClicked: {
 								conferenceEdit.conferenceInfoGui.core.undo()
 								overridenRightPanelStackView.pop()
 							}
+							background: Item{}
 						}
 	
 						TextField {
-						Component.onCompleted: text = mainItem.selectedConference.core.subject
+							id: titleText
+							Layout.fillWidth: true
 							color: DefaultStyle.main2_600
 							font {
 								pixelSize: 20 * DefaultStyle.dp
 								weight: 800 * DefaultStyle.dp
 							}
-						background: Item{}
+							KeyNavigation.left: backButton
-						Layout.fillWidth: true
+							KeyNavigation.right: saveButton
+							KeyNavigation.down: conferenceEdit
+							KeyNavigation.up: conferenceEdit
 							onActiveFocusChanged: if(activeFocus==true) selectAll()
 							onEditingFinished: mainItem.selectedConference.core.subject = text
+							Component.onCompleted: text = mainItem.selectedConference.core.subject
+							background: Item{}
 						}
 						Button {
+							id: saveButton
 							topPadding: 6 * DefaultStyle.dp
 							bottomPadding: 6 * DefaultStyle.dp
 							leftPadding: 12 * DefaultStyle.dp
 							rightPadding: 12 * DefaultStyle.dp
+							focus: true
 							text: qsTr("Save")
 							textSize: 13 * DefaultStyle.dp
+							KeyNavigation.left: titleText
+							KeyNavigation.right: backButton
+							KeyNavigation.down: conferenceEdit
+							KeyNavigation.up: conferenceEdit
 							onClicked: {
 								if (mainItem.selectedConference.core.subject.length === 0) {
 									UtilsCpp.showInformationPopup(qsTr("Erreur"), qsTr("La conférence doit contenir un sujet"), false)
@@ -377,8 +432,8 @@ AbstractMainPage {
 				MeetingSetUp {
 					id: conferenceEdit
 					property bool isCreation
-				isCreation: parent.isCreation
+					isCreation: editFocusScope.isCreation
-				conferenceInfoGui: parent.conferenceInfoGui
+					conferenceInfoGui: editFocusScope.conferenceInfoGui
 					onSaveSucceed: {
 						overridenRightPanelStackView.pop()
 						UtilsCpp.showInformationPopup(qsTr("Enregistré"), qsTr("Réunion modifiée avec succès"), true)
@@ -405,14 +460,21 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component {
 		id: addParticipants
 		ColumnLayout {
 			property Control.StackView container
 			property ConferenceInfoGui conferenceInfoGui
+			FocusScope{
+				Layout.fillWidth: true
+				Layout.preferredHeight: addParticipantsButtons.implicitHeight
 				RowLayout {
+					id: addParticipantsButtons
+					spacing: 5 * DefaultStyle.dp
 					Button {
+						id: removeButton
 						background: Item{}
 						icon.source: AppIcons.leftArrow
 						contentImageColor: DefaultStyle.main1_500_main
@@ -420,6 +482,8 @@ AbstractMainPage {
 						Layout.preferredHeight: 24 * DefaultStyle.dp
 						icon.width: 24 * DefaultStyle.dp
 						icon.height: 24 * DefaultStyle.dp
+						KeyNavigation.right: addButton
+						KeyNavigation.down: addParticipantLayout
 						onClicked: container.pop()
 					}
 					ColumnLayout {
@@ -446,21 +510,28 @@ AbstractMainPage {
 						}
 					}
 					Button {
+						id: addButton
 						enabled: addParticipantLayout.selectedParticipantsCount.length != 0
 						Layout.rightMargin: 21 * DefaultStyle.dp
 						topPadding: 6 * DefaultStyle.dp
 						bottomPadding: 6 * DefaultStyle.dp
 						leftPadding: 12 * DefaultStyle.dp
 						rightPadding: 12 * DefaultStyle.dp
+						focus: enabled
 						text: qsTr("Ajouter")
 						textSize: 13 * DefaultStyle.dp
+						KeyNavigation.left: removeButton
+						KeyNavigation.down: addParticipantLayout
 						onClicked: {
 							mainItem.addParticipantsValidated(addParticipantLayout.selectedParticipants)
 						}
 					}
 				}
+			}
 			AddParticipantsLayout {
 				id: addParticipantLayout
+				Layout.fillWidth: true
+				Layout.fillHeight: true
 				conferenceInfoGui: parent.conferenceInfoGui
 			}
 		}
@@ -468,7 +539,12 @@ AbstractMainPage {
 
 	Component {
 		id: meetingDetail
+		FocusScope{
+			width: overridenRightPanelStackView.width
+			height: meetingDetailsLayout.implicitHeight
 			ColumnLayout {
+				id: meetingDetailsLayout
+				anchors.fill: parent
 				visible: mainItem.selectedConference
 				spacing: 25 * DefaultStyle.dp
 				Section {
@@ -492,6 +568,7 @@ AbstractMainPage {
 							Layout.fillWidth: true
 						}
 						Button {
+							id: editButton
 							visible: mainItem.selectedConference && UtilsCpp.isMe(mainItem.selectedConference.core.organizerAddress)
 							Layout.preferredWidth: 24 * DefaultStyle.dp
 							Layout.preferredHeight: 24 * DefaultStyle.dp
@@ -499,6 +576,10 @@ AbstractMainPage {
 							icon.height: 24 * DefaultStyle.dp
 							icon.source: AppIcons.pencil
 							contentImageColor: DefaultStyle.main1_500_main
+							KeyNavigation.left: leftPanelStackView.currentItem
+							KeyNavigation.right: deletePopup
+							KeyNavigation.up: joinButton
+							KeyNavigation.down: shareNetworkButton
 							background: Item{}
 							onClicked: mainItem.editConference(mainItem.selectedConference)
 						}
@@ -507,9 +588,15 @@ AbstractMainPage {
 							Layout.preferredWidth: 24 * DefaultStyle.dp
 							Layout.preferredHeight: 24 * DefaultStyle.dp
 							contentImageColor: DefaultStyle.main1_500_main
-						popup.contentItem: RowLayout {
+							KeyNavigation.left: editButton.visible ? editButton : leftPanelStackView.currentItem
-							Button {
+							KeyNavigation.right: leftPanelStackView.currentItem
-								background: Item{}
+							KeyNavigation.up: joinButton
+							KeyNavigation.down: shareNetworkButton
+							
+							popup.contentItem: Button {
+								color: deletePopup.popupBackgroundColor
+								borderColor: deletePopup.popupBackgroundColor
+								inversedColors: true
 								contentItem: RowLayout {
 									EffectImage {
 										imageSource: AppIcons.trashCan
@@ -550,7 +637,6 @@ AbstractMainPage {
 						}
 					}
 				}
-			}
 				Section {
 					content: ColumnLayout {
 						spacing: 15 * DefaultStyle.dp
@@ -564,7 +650,9 @@ AbstractMainPage {
 								source: AppIcons.videoCamera
 							}
 							Button {
+								id: linkButton
 								Layout.fillWidth: true
+								font.bold: shadowEnabled
 								text: mainItem.selectedConference ? mainItem.selectedConference.core.uri : ""
 								textSize: 14 * DefaultStyle.dp
 								textWeight: 400 * DefaultStyle.dp
@@ -572,18 +660,33 @@ AbstractMainPage {
 								inversedColors: true
 								color: DefaultStyle.main2_600
 								background: Item{}
+								Keys.onPressed: (event)=> {
+									if (event.key == Qt.Key_Space || event.key == Qt.Key_Enter || event.key == Qt.Key_Return) {
+										clicked(undefined)
+										event.accepted = true;
+									}
+								}
+								KeyNavigation.left: shareNetworkButton
+								KeyNavigation.right: shareNetworkButton
+								KeyNavigation.up: deletePopup
+								KeyNavigation.down: joinButton
 								onClicked: {
 									// TODO : voir si c'est en audio only quand on clique sur le lien
 									UtilsCpp.createCall(mainItem.selectedConference.core.uri)
 								}
 							}
 							Button {
+								id: shareNetworkButton
 								Layout.preferredWidth: 24 * DefaultStyle.dp
 								Layout.preferredHeight: 24 * DefaultStyle.dp
 								icon.width: 24 * DefaultStyle.dp
 								icon.height: 24 * DefaultStyle.dp
 								background: Item{}
 								icon.source: AppIcons.shareNetwork
+								KeyNavigation.left: linkButton
+								KeyNavigation.right: linkButton
+								KeyNavigation.up: deletePopup
+								KeyNavigation.down: joinButton
 								onClicked: {
 									UtilsCpp.copyToClipboard(mainItem.selectedConference.core.uri)
 									UtilsCpp.showInformationPopup(qsTr("Enregistré"), qsTr("Le lien de la réunion a été copié dans le presse-papiers"))
@@ -718,10 +821,16 @@ AbstractMainPage {
 					}
 				}
 				Button {
+					id: joinButton
 					Layout.fillWidth: true
 					text: qsTr("Rejoindre la réunion")
 					topPadding: 11 * DefaultStyle.dp
 					bottomPadding: 11 * DefaultStyle.dp
+					focus: true
+					KeyNavigation.up: shareNetworkButton
+					KeyNavigation.down: deletePopup
+					KeyNavigation.left: leftPanelStackView.currentItem
+					KeyNavigation.right: leftPanelStackView.currentItem
 					onClicked: {
 						console.log(mainItem.selectedConference.core.uri)
 						var callsWindow = UtilsCpp.getCallsWindow()
@@ -732,4 +841,5 @@ AbstractMainPage {
 				Item { Layout.fillHeight: true}
 			}
 		}
+	}
 }