Tab order does not follow visual order

import QtQuick
import QtQuick.Controls

ApplicationWindow {
	id: root

	flags: Qt.Window
	visible: true

	footer: FocusableText {
		text: "This is the footer"
	}
	header: FocusableText {
		text: "This is the header"
	}
	menuBar: FocusableText {
		text: "This is the menuBar"
	}

	FocusableText {
		text: "This is the actual content"
	}

	component FocusableText: Text {
		activeFocusOnTab: true
		font.bold: activeFocus
	}
}