Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 160
    • Issues 160
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 12
    • Merge Requests 12
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #237

Closed
Open
Opened Aug 21, 2020 by Maxim Potapov@potapovmax
  • Report abuse
  • New issue
Report abuse New issue

Incorrect previewer behaviour in Safari

Safari Version 13.1.2 (15609.3.5.1.3) MacOS 10.15.6 (19G73

See https://codesandbox.io/s/pagedjs-safari-infinite-rendering-issue-nu0mf

Notice line-height: 15px in styles.css. It should render fine, in console you should see "preview done 2 pages".

Now change line-height to 30px and reload. The previewer will go into "infinite rendering loop". You will not see the "preview done" console log, and if you inspect the html structure, you will see that the number of pages rendered just keeps growing without stopping.

Now change line-height to 40px and reload. You will see "preview done 1 page", and a warning that says "Unable to layout item".

Interestingly enough, if you remove the outer div.book from the template, the "infinite rendering loop" issue goes away, but the 40px-issue remains.

As I understand, officially Safari is not supported by pagedjs at the moment. But maybe it will help to debug in the future.

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
0
Labels
None
Assign labels
  • View project labels
Reference: tools/pagedjs#237