Toolbar goes away for forever, When changing the zoom level below 80%
See original GitHub issue- Does the bug also happen on https://pdfviewer.net/simple? NO
- Can you write a reproducer based on this template project? https://github.com/stephanrauh/ngx-extended-pdf-viewer-issues/tree/master/template -
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:
- Run the project
- Click on zoom minus button (till the moment the vertical scrollbar is gone) like 80% or below
- The toolbar disappears
- 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
100%
80% and Toolbar Gone
For Forever
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
**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
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
I really appreciate how the extended PDF viewer project has grown so far, best wishes.
Thank you! N Baua
Issue Analytics
- State:
- Created 3 years ago
- Comments:10 (5 by maintainers)
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. 😃
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.