question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toolbar goes away for forever, When changing the zoom level below 80%

See original GitHub issue

I used this repo as start, now I have to update it based on my project requirement.

Describe the bug When changing the zoom level below 80% (or when the view port height does not lead to scrollbar) the toolbar goes away.

My first impression was it is happening due to the mobile friendly zoom feature (mobileFriendlyZoom), however it is not the case. The toolbar is gone and never to be returned when the zoom level is increased back to 100% or more. I tried custom zoom toolbar too, but no help, I am clueless what is causing this issue.

The following is the minimum code I have.

` <ngx-extended-pdf-viewer #blue [src]=“‘assets/files/example.pdf’” [height]=“‘98vh’” [useBrowserLocale]=“true” [showOpenFileButton]=“true” [textLayer]=“true” pageViewMode=“single” [mobileFriendlyZoom]=“zoom” [zoom]=“zoom” > </ngx-extended-pdf-viewer>

`

Version info

  • Version of ngx-extended-pdf-viewer “ngx-extended-pdf-viewer”: “^5.1.0”,

Desktop (please complete the following information):

  • Browser [basically Internet Explorer, Edge, or any other browser] Chrome - Version 86.0.4240.111 (Official Build) (64-bit) on Windows 10 Desktop with resolution 1920X1080

To reproduce the behavior:

  1. Run the project
  2. Click on zoom minus button (till the moment the vertical scrollbar is gone) like 80% or below
  3. The toolbar disappears
  4. Now if we increase the zoom level to 100% or more the toolbar still missing (I created floating toolbar to get zoom when the original toolbar disappear)

Demo PDF file Many errors happen with specific PDF files only. So please add a PDF file (after checking the copyright of the PDF file first!) File can be found at: https://psychology.ucsd.edu/_files/undergrad/exampleapastylebspaperempirical.pdf used from my projects assets directory, however that should not matter.

Screenshots

Auto image

100% image

80% and Toolbar Gone image

For Forever image

Additional context Add any other context about the problem here. Edit: in Opera it re-appears when zoom level is 200%, with problem in UI, see below

image

**Edit: I have also checked if the toolbar goes behind the Navbar I have in my application, the answer is NO. It appears wrong in both chrome and opera

image

image

As you can see the toolbar has gone behind the browser address bar when the header/navbar is removed

If required I can upload the video file on cloud and share the experience as it happens.**

Also noticed the drop down has weird arrow issue, however this is still ok for me if toolbar appears image

I really appreciate how the extended PDF viewer project has grown so far, best wishes.

Thank you! N Baua

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
stephanrauhcommented, Nov 2, 2020

The zoom levels don’t get crazy. It’s just that I’m a mathematician. 1.0 is 100% to me, so 100.0 is ten thousand per cent. 😃

0reactions
stephanrauhcommented, Nov 2, 2020

Can we close the ticket? As far as I see, the problem is settled, and the new attribute showPrimaryToolbar="false" is a new suggestion, so I’d prefer to open a new ticket.

Read more comments on GitHub >

github_iconTop Results From Across the Web

zoom level % in main toolbar is GONE in the newest update
Solved: I'm using acrobat 2019.008.20071 The zoom level in percentage (along with +/- buttons) has vanished from the main toolbar.
Read more >
How to keep the Zoom tools from disappearing - YouTube
Professor Robert McMillen shows you how to keep the Zoom meeting tools always visible. They tend to disappear when you don't click on...
Read more >
Restore missing Change Zoom Level button in IE8 running on ...
From Tools on the IE Command Bar> Toolbars> check Status Bar (if it isn't already checked.) If the Status Bar is enabled and...
Read more >
Glossaries of BLM surveying and mapping terms
AVULSION – A river's sudden change in flow alignment out from its previous ... which a boundary is less than the nominal amount...
Read more >
Your iPhone Has 25 New Accessibility Tools You Shouldn't ...
1Control Nearby Devices. With iOS 16, you can now control your nearby devices that are on and signed into the same iCloud account....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found