Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 14:14:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: 2-level collapsible collapse handling

Browse Source
This commit is contained in:
Braden Napier 2019-03-18 21:10:08 -07:00
parent 405e26ad79
commit 574c1c15b9
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo/openapi.yaml
View File

@ -71,6 +71,7 @@ tags:
SubItem Two Description! SubItem Two Description!
x-tagGroups: x-tagGroups:
- name: General - name: General
collapsible: true
tags: tags:
- pet - pet
- store - store
@ -82,7 +83,6 @@ x-tagGroups:
tags: tags:
- SubItem One - SubItem One
- SubItem Two - SubItem Two
paths: paths:
/pet: /pet:
parameters: parameters:

16
src/services/MenuStore.ts
View File

@ -193,6 +193,7 @@ export class MenuStore {
item: IMenuItem | undefined, item: IMenuItem | undefined,
updateLocation: boolean = true, updateLocation: boolean = true,
rewriteHistory: boolean = false, rewriteHistory: boolean = false,
activateFirstChild: boolean = true,
) { ) {
if ((this.activeItem && this.activeItem.id) === (item && item.id)) { if ((this.activeItem && this.activeItem.id) === (item && item.id)) {
return; return;
@ -211,7 +212,7 @@ export class MenuStore {
this.history.replace(item.id, rewriteHistory); this.history.replace(item.id, rewriteHistory);
} }
if (item.type === 'group') { if (item.type === 'group' && activateFirstChild) {
this.activate(item.items[0], updateLocation, rewriteHistory); this.activate(item.items[0], updateLocation, rewriteHistory);
} else { } else {
item.activate(); item.activate();
@ -220,14 +221,13 @@ export class MenuStore {
} }
collapse(item: IMenuItem) { collapse(item: IMenuItem) {
this.activate(item.parent, true, true); this.activate(item.parent, true, true, false);
const activeItem = this.activeItem; const activeItem = this.activeItem;
if (!activeItem) { if (item.items.length > 0) {
if (item.items.length > 0) { this.scroll.scrollIntoView(this.getElementAt(item.absoluteIdx || -1));
this.scroll.scrollIntoView(this.getElementAt(item.absoluteIdx || -1)); } else if (!activeItem) {
} else if (item.parent && item.parent.type === 'group') { const parentIdx = (item.parent && item.parent.absoluteIdx) || -1;
this.scroll.scrollIntoView(this.getElementAt(item.parent.absoluteIdx || -1)); this.scroll.scrollIntoView(this.getElementAt(parentIdx));
}
} else { } else {
this.scroll.scrollIntoView(this.getElementAt(activeItem.absoluteIdx || -1)); this.scroll.scrollIntoView(this.getElementAt(activeItem.absoluteIdx || -1));
} }