Work item won't expand when opened from issue board
Summary
When opening a work item (Issue) from the issue board and clicking "expand", nothing happens. The browser console shows a BootstrapVue tooltip error indicating it cannot find the #disclosure-hierarchy-ellipsis-button element in the DOM, which appears to be breaking the expand action.
Steps to reproduce
- Go to an issue board (project or group level)
- Click on a work item card — the item opens fine in the sidebar/drawer
- Click the "Expand" button on the opened work item
- Nothing happens — the work item does not expand
Current behavior
Clicking "Expand" on a work item opened from the issue board does nothing. The following error appears in the browser console:
[BootstrapVue warn]: tooltip - Unable to find target element by ID "#disclosure-hierarchy-ellipsis-button" in document.The root cause appears to be in app/assets/javascripts/work_items/components/work_item_ancestors/disclosure_hierarchy.vue, where the BootstrapVue tooltip uses target="disclosure-hierarchy-ellipsis-button" but the button element with id="disclosure-hierarchy-ellipsis-button" is not yet present in the DOM when the tooltip initializes — likely a timing/rendering issue specific to the board context.
Expected behavior
Clicking "Expand" on a work item opened from the issue board should open the full work item page/view.
Environment
- GitLab.com (SaaS)
- Browser: Google Chrome (latest)
- Work item type: Issue
- Reproducibility: Always (100% reproducible)
Possible fix
The tooltip in disclosure_hierarchy.vue may need to be initialized lazily or conditionally, ensuring the target element (#disclosure-hierarchy-ellipsis-button) is present in the DOM before the tooltip attempts to bind to it. This could be addressed with a v-if guard or by deferring tooltip initialization.
