# Responsive Issue - Opera Browser

**URL:** <https://pdfjs.community/t/responsive-issue-opera-browser/1887>\
**Category:** Technical Support\
**Created:** [July 20, 2022, 8:28am UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887 "2022-07-20T08:28:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![portia](https://avatars.discourse-cdn.com/v4/letter/p/a698b9/32.png) [@portia](https://pdfjs.community/u/portia)\
**Post date:** [July 20, 2022, 8:28am UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887/1 "2022-07-20T08:28:43Z")

</div>

When clicking on Panel, Search, or Settings icons on the PDF view, tool boxes are displayed as mobile view.

Please note that this issue only appears in the Opera browser.  
Display resolution - 1366 x 768

Panel

 ![Screenshot 2022-07-20 133627](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/e5895bc9109082b728187cfed6b22b80bd075d9b.png)

Search

 ![Screenshot 2022-07-20 133639](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/a482eef101e0a634137b7590e2e6b7d198d7dfe7.png)

Settings

 ![Screenshot 2022-07-20 133647](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/331606c0365ac4a805d5f8d3b6e1eac61888e33d.png)

This issue appears for Fill and Sign in Opera browser too.

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/d32cb736dae80d4a7f229c384b4d63b2e1d75251.png)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/ffbcd25c7d423db8d5acd5db201c272f4db306dd.png) [@system](https://pdfjs.community/u/system)\
**Post date:** [July 20, 2022, 8:28am UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887/3 "2022-07-20T08:28:48Z")

</div>

**Hello, I’m Ron, an automated tech support bot 🤖**

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:
- [Core engine for WebViewer - Creating your own UI using WebViewer Core](https://pdfjs.express/documentation/ui-customization/core#creating-your-own-ui-using-webviewer-core)
- [Customizing WebViewer UI Popups](https://pdfjs.express/documentation/ui-customization/customizing-popup.8)
- [Customize measurement tools - Set scale and precision with the UI](https://pdfjs.express/documentation/measurement/customize#set-scale-and-precision-with-the-ui)

APIs:
- [UI - disableClearSearchOnPanelClose()](https://pdfjs.express/api/UI.html#.disableClearSearchOnPanelClose__anchor)
- [Core.Tools.Tool - contextMenu(e)](https://pdfjs.express/api/Core.Tools.Tool.html#contextMenu__anchor)
- [Core.DisplayModeManager - setDisplayMode(displayMode)](https://pdfjs.express/api/Core.DisplayModeManager.html#setDisplayMode__anchor)

Forums:
- [Express functionality questions](https://pdfjs.community/t/express-functionality-questions/1189/1)
- [PDF.js Viewer search function on mobile](https://pdfjs.community/t/pdf-js-viewer-search-function-on-mobile/1367/1)
- [Scroll Issues With Tablet:](https://pdfjs.community/t/scroll-issues-with-tablet/965/1)

---

<div class="post-metadata">

**Author:** ![kkim](https://avatars.discourse-cdn.com/v4/letter/k/3ab097/32.png) [@kkim](https://pdfjs.community/u/kkim)\
**Post date:** [July 20, 2022, 7:05pm UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887/4 "2022-07-20T19:05:34Z")

</div>

Hi Portia,

I am testing WebViewer on Opera 89 on MacOS Monterey and on Windows 11 but I cannot reproduce the issue.

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/1063a72121ff4820355cc0f606e2fd16d36cd5e0.jpeg)

Are you using the latest Opera version?

Best Regards,

Kevin Kim  
Web Development Support Engineer  
PDFTron Systems, Inc.

---

<div class="post-metadata">

**Author:** ![portia](https://avatars.discourse-cdn.com/v4/letter/p/a698b9/32.png) [@portia](https://pdfjs.community/u/portia)\
**Post date:** [July 22, 2022, 4:57am UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887/5 "2022-07-22T04:57:47Z")

</div>

Hi kkmin,

Opera browser version 89.0.4447.51  
When I check it using browser responsive it works fine. But when I change the display resolution to that size this issue occurs.  
Also, we are not using viewer as a full page view. Is it because of that? But it works fine for other browsers.

---

<div class="post-metadata">

**Author:** ![kkim](https://avatars.discourse-cdn.com/v4/letter/k/3ab097/32.png) [@kkim](https://pdfjs.community/u/kkim)\
**Post date:** [July 22, 2022, 3:49pm UTC](https://pdfjs.community/t/responsive-issue-opera-browser/1887/6 "2022-07-22T15:49:56Z")

</div>

Hi Portia,

Unfortunately, I am not able to use the exact dimensions provided. Are you using the UI similar to the demo site? [JavaScript PDF Viewer Demo](https://www.pdftron.com/samples/web/samples/viewing/viewing/) This will reduce the width which I suspect is affecting the media queries.

If I use the resolution: 1280 by 1024 and using WebViewer without full page view, this is the result:

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/b4de35fcf61aa2b7174f6351e8f0a938846e7f3e.jpeg)

If I use the smallest resolution available: 1024 by 768 and using WebViewer without full page view, then I do get the mobile interface:

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/38ac9dbe47173c7effa85f7ac52ec32326a445d1.jpeg)

Best Regards,

Kevin Kim  
Web Development Support Engineer  
PDFTron Systems, Inc.
