mahara-contributors team mailing list archive

[Kristina Hoeppner <1979162@xxxxxxxxxxxxxxxxxx>]

Best to tackle after Bootstrap 5 has been merged.

** Changed in: mahara
       Status: New => Confirmed

** Changed in: mahara
   Importance: Undecided => Medium

** Changed in: mahara
    Milestone: None => 22.10.0

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: mahara-contributors
https://bugs.launchpad.net/bugs/1979162

Title:
  Chart.js canvas element overlaps legend data between 992 and 1200px

Status in Mahara:
  Confirmed

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://www.chartjs.org/docs/latest/configuration/responsive.html

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1979162/+subscriptions