9841: Don't focus on nested content node at page load (#9863)

Tested and can confirm that this fixes the focus issue.
This commit is contained in:
patrickdemooij9
2021-02-24 23:16:40 +01:00
committed by GitHub
parent b019bc0ccf
commit 6b3202e37b
2 changed files with 9 additions and 9 deletions

View File

@@ -105,12 +105,13 @@
localizationService.localizeMany(["grid_addElement", "content_createEmpty", "actions_copy"]).then(function (data) {
labels.grid_addElement = data[0];
labels.content_createEmpty = data[1];
labels.copy_icon_title = data[2]
labels.copy_icon_title = data[2];
});
function setCurrentNode(node) {
function setCurrentNode(node, focusNode) {
updateModel();
vm.currentNode = node;
vm.focusOnNode = focusNode;
}
var copyAllEntries = function () {
@@ -180,7 +181,7 @@
var newNode = createNode(scaffold, null);
setCurrentNode(newNode);
setCurrentNode(newNode, true);
setDirty();
validate();
};
@@ -202,7 +203,6 @@
});
const dialog = {
view: "itempicker",
orderBy: "$index",
view: "itempicker",
event: $event,
@@ -277,9 +277,9 @@
vm.editNode = function (idx) {
if (vm.currentNode && vm.currentNode.key === vm.nodes[idx].key) {
setCurrentNode(null);
setCurrentNode(null, false);
} else {
setCurrentNode(vm.nodes[idx]);
setCurrentNode(vm.nodes[idx], true);
}
};
@@ -500,7 +500,7 @@
setDirty();
//updateModel();// done by setting current node...
setCurrentNode(newNode);
setCurrentNode(newNode, true);
}
function checkAbilityToPasteContent() {
@@ -592,7 +592,7 @@
// If there is only one item, set it as current node
if (vm.singleMode || (vm.nodes.length === 1 && vm.maxItems === 1)) {
setCurrentNode(vm.nodes[0]);
setCurrentNode(vm.nodes[0], false);
}
validate();

View File

@@ -16,7 +16,7 @@
<div class="umb-nested-content__header-bar"
ng-click="vm.editNode($index)"
ng-hide="vm.singleMode"
umb-auto-focus="{{vm.currentNode.key === node.key ? 'true' : 'false'}}">
umb-auto-focus="{{vm.focusOnNode && vm.currentNode.key === node.key ? 'true' : 'false'}}">
<div class="umb-nested-content__heading"><i ng-if="vm.showIcons" class="icon umb-nested-content__item-icon" ng-class="vm.getIcon($index)"></i><span class="umb-nested-content__item-name" ng-class="{'--has-icon': vm.showIcons}" ng-bind="vm.getName($index)"></span></div>