Completed
Last Updated: 11 Oct 2019 11:54 by ADMIN
Release 2019.R3.SP.next
Simon
Created on: 08 Oct 2019 09:55
Category: PDFViewer
Type: Bug Report
0
Wrong scroll position of PDF file content on paging through PDFViewer's Pager and jQuery 3.4.1

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
0 comments