• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

New PDF Embed API: prevent fullscreen prompt for sized containers on mobile

Community Beginner ,
Jan 30, 2023 Jan 30, 2023

Copy link to clipboard

Copied

Hi,

 

I just transitioned from the legacy Embed API to the new modern PDF viewer on my educational website. I use the API to display a pdf in SIZED_CONTAINER mode but otherwise control all aspects of navigation myself as the PDF is a background for a complex interactive educational module with many other overlying HTML elements. 

 

In the legacy API, this worked very well. However, with the modern API, on mobile, there is an automatic prompt in the center of the PDF element to enter fullscreen which is undesirable since my users can't interact with the PDF element directly. Is there any way to disable this automatic prompt or add an option to disable this? Setting the showFullScreen configuration to false does not prevent the prompt in mobile, just removes the fullscreen button from the bottom toolbar.

 

Thank you

Views

661

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 30, 2023 Jan 30, 2023

Copy link to clipboard

Copied

I did a quick test using our online demo (https://documentcloud.adobe.com/view-sdk-demo/index.html#/view/SIZED_CONTAINER/Bodea%20Brochure.pdf) and devtools to emulate an iPhone and I wasn't able to reproduce this. Can you share the URL to your site so I can see?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 30, 2023 Jan 30, 2023

Copy link to clipboard

Copied

Thank you for the reply. I can actually see the issue in the online demo you provided as well. You can use this link to see my website usage in action: edneurorad.com/spinal-cord-lesions/. This works fine in desktop/tablet mode and even if you start the webpage in desktop mode and then emulate a phone using devtools. It only occurs if you actually use a phone to load the page (but I can replicate the issue if I emulate a phone in devtools and then reload the page). See snapshot below, notice the fullscreen button forced in the middle of the screen which is the pdf element (all other buttons are my own custom controls for the educational module):

EmbedAPIUser_0-1675111898830.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 30, 2023 Jan 30, 2023

Copy link to clipboard

Copied

Just as an FYI, I switched my website for the time being to using PDF.js, it was easy enough to change. I still would prefer to use the official Adobe Embed API but the SIZED_CONTAINER in the new modern version is not usable. I sincerely hope you give developers a configuration option (i.e. disableFullScreenPrompt or something to that effect) to disable the default behavior of SIZED_CONTAINER in mobile which basically demands fullscreen mode in a somewhat intrusive way. I think it's perfectly fine for the default behavior to stay as is but ideally you would allow developers to override it. It frankly seems like a very easy configuration to implement, since you just have to do what you do on desktop already.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 31, 2023 Jan 31, 2023

Copy link to clipboard

Copied

Gotcha - sorry we weren't able to get this to work properly for you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 13, 2023 Jun 13, 2023

Copy link to clipboard

Copied

Hi, I'm hitting into this exact same issue, on mobile devices that full screen prompt appears and must be opened to view the document. It would be nice if I could disable this prompt.

Thanks for the useful library!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jun 14, 2023 Jun 14, 2023

Copy link to clipboard

Copied

LATEST

Sorry, all I could suggest is maybe trying FULL_WINDOW.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources