Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-19625

Canvas elements are not displayed in PDF export on Chrome and Edge

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • 14.3-rc-1
    • 14.2.1
    • Export - PDF
    • None
    • Windows 11 Pro 64 bit, Chrome 100, Edge 100, using a local instance of XWiki 14.2.1 on PostgreSQL 14, Tomcat 9.0.62
    • Unknown
    • N/A
    • N/A

    Description

      STEPS TO REPRODUCE

      1. Access the XWiki instance with Chrome and/or Edge
      2. Install PDF Export Application and Chart.JS Integration
      3. Add some Chart.JS charts into a page (e.g. insert in Wiki/Source:
        (% id="multipleDataSets" %)
        |=Issue Type|=CKEditor|=Diagram
        |Bug|23|34
        |Improvement|17|11
        |New Feature|5|6
        
        {{tableToChartJS type="doughnut" table="multipleDataSets" multipleDataSets="true" /}}
        
        (% id="singleDataSet" %)
        |=Issue Type|=Count
        |Bug|23
        |Improvement|17
        |New Feature|5
        
        {{tableToChartJS type="polarArea" table="singleDataSet" /}}
        
        (% id="multipleDataSetsLine" %)
        |=Month|=2016|=2017
        |January|65|61
        |February|59|73
        |March|80|82
        |April|81|69
        |May|56|70
        |June|55|58
        |July|40|47
        
        {{tableToChartJS type="line" table="multipleDataSetsLine" multipleDataSets="true"/}}
        
        {{chartjs type="pie"
          options="{~"backgroundColors~": [~"#ff16e8~", ~"#0018f4~",~"#065d00~"]}"}}
        {
          "labels": [
            "Bug",
            "Improvement",
            "New Feature"
          ],
          "datasets": [{
            "label": "CKEditor",
            "data": [23, 17, 5]
          }, {
            "label": "Diagram",
            "data": [34, 11, 6]
          }]
        }
        {{/chartjs}}
      4. Save the page
      5. Export the page as PDF

      EXPECTED RESULTS

      The charts are visible in the exported PDF.

      ACTUAL RESULTS

      Some "broken" icons are displayed instead.

      The issue reproduces only on Chrome and Edge browsers. On Firefox, currently, some white space is displayed because of CHARTJS-34.

      Attachments

        Issue Links

          Activity

            People

              mflorea Marius Dumitru Florea
              iandriuta Ilie Andriuta
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: