Skip to content

Adobe PDF Embed SDK – Search UI Overflow Issue on Small Screen. #75

@nikhilchinchane-canopy

Description

@nikhilchinchane-canopy

Hi Team,

We are using the Adobe PDF Embed SDK (View SDK) to render PDFs in our web application.

Issue:
On small screen devices , the "Find in Document" (search) input box overflows outside the container div and breaks the layout.

Implementation Details:

  • Using AdobeDC.View (PDF Embed SDK)
  • embedMode: ""
    defaultViewMode: "FIT_PAGE",
  • Rendering inside a responsive container

Sample Code:
const adobeDCView = new AdobeDC.View({
clientId: "<CLIENT_ID>",
divId: "pdf-div"
});

adobeDCView.previewFile({
content: { location: { url: "<PDF_URL>" } },
metaData: { fileName: "sample.pdf" }
}, {
embedMode: "SIZED_CONTAINER",
showDownloadPDF: false,
showPrintPDF: false,
showLeftHandPanel: false
});

Steps to Reproduce:

  1. Load PDF using Adobe Embed SDK inside a container
  2. Open on simulate small screen
  3. Click on search (Find option)
  4. Observe search box UI
Image

Actual Result:

  • Search input box overflows outside the container
  • UI is not responsive within the parent div

Expected Result:

  • Search UI should stay within container bounds
  • Proper responsive behavior on small screens

Observation:
The search UI seems to be rendered within Adobe’s internal iframe layer and does not respect container boundaries. We are unable to control this via CSS.

Request:

    • Let us know if a fix is planned

Thanks.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions