Completed
Last Updated: 15 Oct 2019 14:24 by ADMIN
Release 2019.R3.SP.next

Bug report

The download functionality of the PDFViewer component doesn't work on Apple mobile devices both on Chrome and Safari browsers.

*Note: The above behavior is not represented on Android devices.

Reproduction of the problem

  1. Open this demo https://demos.telerik.com/kendo-ui/pdfviewer/indexon iPad or iPhone
  2. Tap on the "Download" icon of the PDFViewer.

Current behavior

Nothing happens when the Download icon is tapped. After this tapping part of the other component functionalities like "open" and "search" stop working.

Expected/desired behavior

When the download icon is tapped a "save file" popup should appear and the user can save the currently viewed PDF file.

Environment

  • Kendo UI version: 2019.3.917
  • jQuery version: x.y
  • Browser: [Chrome 77.0.3865.69 | iOS 12.4.1 Safari ]
Completed
Last Updated: 11 Oct 2019 11:54 by ADMIN
Release 2019.R3.SP.next

Bug report

When jQuery 3.4.1 is used paging through PDF file content results in wrong scroll position and no content in PDFViewer

Reproduction of the problem - sample file 1

  1. Use the following setup:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=1,initial-scale=1.0" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.common.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.default.min.css">

    <!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> -->
    <!-- <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

    <script src="https://kendo.cdn.telerik.com/2019.3.917/js/kendo.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
    <script>
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
    </script>
</head>
<body">
    <div id="pdf-viewer"></div>
    <script>
        (function () {
            var viewer = $("#pdf-viewer").kendoPDFViewer({
                pdfjsProcessing: {
                 file: "./Export_numbered.pdf"
                }
            }).getKendoPDFViewer();
        })();
    </script>
</body>
</html>
  1. Use the following sample PDF - Export_numbered.pdf

  2. Click on Next page button 3 times:
    image

  3. Click on Next page button once again

Current behavior

Pager shows page 5, but there is no content displayed. Scrolling over the PDFViewer scrolls and displays the content.

Expected/desired behavior

Pager shows page 5 and page 5 is visible on the top of the PDFViewer.
Reproducible when the jQuery version in the setup is changed to 1.12.4 or 2.2.4.

Reproduction of the problem - sample file 2

  1. Use the setup above with the PDF file from demos -
    sample.pdf
  2. Click on Next page button 2 times:

Current behavior

Pager shows page 3, but there is no content displayed. Scrolling over the PDFViewer scrolls and displays the content.

Expected/desired behavior

Pager shows page 3 and page 3 is visible on the top of the PDFViewer.
Reproducible when the jQuery version in the setup is changed to 1.12.4 or 2.2.4.

Environment

  • Kendo UI version: 2019.3.917
  • jQuery version: 3.4.1
  • Browser: all
1 2 3