Chart.js canvas element overlaps legend data between 992 and 1200px
Bug #1979162 reported by
Dianne Tennent
This bug affects 1 person
| Affects | Status | Importance | Assigned to | Milestone | |
|---|---|---|---|---|---|
| Mahara |
Fix Released
|
Medium
|
Unassigned | ||
Bug Description
Tested in Chrome on Main with Bootstrap 4 and on Chrome with Bootstrap 5
To test:
1. Create 6 institutions with at least 1 person in each
2. run cron
3. Go to Admin > reports page
4. Resize screen to between 992 and 1200px wide
5. Check 'People by institution' pie chart
Outcome:
Piechart overlaps legend at this screen width, as width and height changes responsively.
The width and height seems to be controlled by the canvas aspect-ratio property in CSS in response to the size of the parent div. Need to look into it further to resolve.
https:/
Revision history for this message
| Kristina Hoeppner (kris-hoeppner) wrote | #1 |
| Changed in mahara: | |
| status: | New → Confirmed |
| importance: | Undecided → Medium |
| milestone: | none → 22.10.0 |
Revision history for this message
| Kristina Hoeppner (kris-hoeppner) wrote | #2 |
| Changed in mahara: | |
| status: | Confirmed → Fix Committed |
| Changed in mahara: | |
| status: | Fix Committed → Fix Released |
To post a comment you must log in.
Best to tackle after Bootstrap 5 has been merged.