Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug] Competency Management page: the course panel doesn't match the competency tree's height and grows with its content

Aperta
#873 0 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@AShatsila ci sta già lavorando.

Dal 16/10/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

Environment: Master Sandbox, https://apps.master.openedx.io/authoring/taxonomy/46/competencies

Follow-up to #835. Select any competency before checking the points below, so that the right-hand course panel is shown.

  1. The competency tree (left column) and the course panel (right column) have different heights. The difference depends on the screen size and the browser zoom level, and is most visible on large screens. For example, at a 1920x1080 viewport with a full page of 10 courses, the tree is 820px tall and the course panel is 1155px tall, which leaves an empty area under the tree.

    Expected result: both columns have the same height at any screen resolution and zoom level.

Image
  1. The course panel grows taller when a course in it is expanded, which makes the height difference from point 1 larger.

    Expected result: the course panel keeps the same height as the competency tree. When expanded courses no longer fit, a scrollbar appears inside the course panel, the same way the competency tree already scrolls inside its own column after "Expand All".

Image

On small screens, where the two columns stack vertically, the current layout works as intended. Both points apply to the desktop layout only.

Expected behavior:

The left panel (competency tree) and the right panel (courses) always have the same fixed height. This height is set so that the right panel fits one full page of 10 collapsed courses without a scrollbar. The height of the panels does not depend on the screen resolution, the browser zoom level, the number of competencies or courses, or whether they are expanded or collapsed. If the panels don't fit in the visible area on some screen or zoom level, the whole page scrolls.

When the content of a panel doesn't fit in its height, a scrollbar appears inside the panel, and the panel itself does not grow taller. The competency tree in the left panel already works this way after "Expand All". The right panel should work the same way when the user expands courses. Only the course list scrolls: the "Competency criteria associations" block above it stays in place, and the pagination is always visible at the bottom of the panel.

When there are fewer than 10 courses, or no courses at all, the right panel does not get shorter, and empty space remains below the list.

When the user drags the divider between the panels, the panel widths change and text wraps onto new lines, but the height of both panels stays the same.

This applies to the desktop layout only. On small screens, where the panels stack vertically, the current behavior stays as it is.

Lingua principale
Python
Stelle
10
Fork
33
Merge medio
2g 10h
PR unite (30g)
17

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di openedx/openedx-core

Tutte le issue di openedx/openedx-core

Issue simili

Altre issue su Python

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.