HTML Symantic error UL > LI >LI changes to UL > LI > UL > LI (#10455)

* HTML Symantic error UL > LI >LI changes to UL > LI > UL > LI - ScreenReader reads propperly

* ensurce render if condition is meet. If any child render a subset of unorder list withs is list-items
This commit is contained in:
Lucas Michaelsen
2021-06-15 01:09:26 +02:00
committed by GitHub
parent 40c4c875c4
commit b97f6dcb2f

View File

@@ -13,26 +13,28 @@
</a>
</h5>
<umb-button-ellipsis
element="tree-item-options"
action="options(tree.root, $event)"
text="Open context node for {{tree.name}}"
state="hidden"
class="umb-options"
ng-hide="tree.root.isContainer || !tree.root.menuUrl"
ng-swipe-right="options(tree.root, $event)">
<umb-button-ellipsis element="tree-item-options"
action="options(tree.root, $event)"
text="Open context node for {{tree.name}}"
state="hidden"
class="umb-options"
ng-hide="tree.root.isContainer || !tree.root.menuUrl"
ng-swipe-right="options(tree.root, $event)">
</umb-button-ellipsis>
</div>
<umb-tree-item class="umb-animated"
ng-repeat="child in tree.root.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
<ul ng-if="tree.root.children.length > 0">
<umb-tree-item class="umb-animated"
ng-repeat="child in tree.root.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
</ul>
</li>
<!-- REPEAT for each group in the tree -->
@@ -51,26 +53,27 @@
</a>
</h5>
<umb-button-ellipsis
element="tree-item-options"
action="options(group, $event)"
text="Open context node for {{group.name}}"
state="hidden"
class="umb-options"
ng-hide="group.isContainer || !group.menuUrl"
ng-swipe-right="options(group, $event)">
<umb-button-ellipsis element="tree-item-options"
action="options(group, $event)"
text="Open context node for {{group.name}}"
state="hidden"
class="umb-options"
ng-hide="group.isContainer || !group.menuUrl"
ng-swipe-right="options(group, $event)">
</umb-button-ellipsis>
</div>
<umb-tree-item class="umb-animated"
ng-repeat="child in group.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
<ul ng-if="group.children.length > 0">
<umb-tree-item class="umb-animated"
ng-repeat="child in group.children"
enablelistviewexpand="{{enablelistviewexpand}}"
node="child"
current-node="currentNode"
tree="this"
is-dialog="isdialog"
section="{{section}}">
</umb-tree-item>
</ul>
</li>
<!-- END REPEAT -->
</ul>