adobe / adobe/pdf-embed-api-samples
Adobe PDF Embed SDK – Search UI Overflow Issue on Small Screen.
- Dominant language
- JavaScript
- Stars
- 235
- Forks
- 140
- PR merge metrics
- No merged PRs in 30d
Description
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: "",
divId: "pdf-div"
});
adobeDCView.previewFile({
content: { location: { 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
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.
Contributor guide
Assessment
This issue has not been assessed yet.