SQL Data Sources pane does not expand a table when a column token is highlighted #1046

Closed
opened 2026-08-13 05:24:40 +00:00 by spikerj · 1 comment
Owner

In SqlDataSourcesPaneComponent, <details [open]="section.open || isTableHighlighted(table.name)"> only auto-opens when the hovered keyword matches the table name.

Hovering a column chip in the lesson pane (e.g. first_name) sets highlightedToken to that column. isColumnHighlighted lights the row, but the parent <details> stays collapsed, so the highlight (and scrollIntoView) is off-screen until the student opens the section by hand.

Expected: a matching column token should open its parent table section the same way a table-name token does (isTableHighlighted(table.name) || table.columns.some(c => isColumnHighlighted(c.name))).

Pinned as a characterization test in sql-data-sources-pane.render.spec.ts (wave 7).

In `SqlDataSourcesPaneComponent`, `<details [open]="section.open || isTableHighlighted(table.name)">` only auto-opens when the hovered keyword matches the **table** name. Hovering a **column** chip in the lesson pane (e.g. `first_name`) sets `highlightedToken` to that column. `isColumnHighlighted` lights the row, but the parent `<details>` stays collapsed, so the highlight (and `scrollIntoView`) is off-screen until the student opens the section by hand. Expected: a matching column token should open its parent table section the same way a table-name token does (`isTableHighlighted(table.name) || table.columns.some(c => isColumnHighlighted(c.name))`). Pinned as a characterization test in `sql-data-sources-pane.render.spec.ts` (wave 7).
Author
Owner

Resolved in spikersoft-angular PR #819 (merged to master). SQL Data Sources pane expands a table when a column token is highlighted. Closing.

Resolved in spikersoft-angular [PR #819](https://git.spikersoft.com/spikerj/spikersoft-angular/pulls/819) (merged to `master`). SQL Data Sources pane expands a table when a column token is highlighted. Closing.
Sign in to join this conversation.