I add a jxbrowser element inside a jpanel.
I load a webapps into the jxbrowser element.
Jxbrowser load it and shows vertical and orizontal scrollbar even if no needed.
If a I open the same webappa into jxbrowser demo browser I have no scrollbar.
Any idea? What can I check ?
Related
I am trying to implement an overlay with a fullscreen images below each other. It needs to scroll. But scrolling does not work in Safari. It works in Chrome/Firefox. I have only tested the newest versions.
Have tried to make the demo simpler, removing ImageSrcset but it does not help.
Codesandbox (please open the browser in new window/tab to see problem):
https://codesandbox.io/s/github/secretlifeof/react-overlay-images/tree/master/?fontsize=14
Github repo:
https://github.com/secretlifeof/react-overlay-images
Do I need to implement scroll lock so that the underlay does not try to scroll? I have tried to look at how others have implemented overlays, but I cannot understand how this implementation is different.
Versions:
Safari: v12.1.2
I am using interactjs to add a resize functionality on the images added in the Kendo WYSIWYG Editor. This works fine in Chrome and Firefox but in Microsoft Edge it won't show the resize cursor though the resize functionality works. Has anyone else encountered these issues too?
UPDATE:
Found out that contenteditable makes the cursor for Edge not work but I need the parent to be contenteditable since it is a WYSIWYG editor.
Found the fix. Solve the issue by adding a parent container with contenteditable="false".
Changing the template to have this fixed the issue.
I have a page with fixed header and footer using Bootstrap3. The content beneath is scrollable. The user may enable the fullscreen mode via F11 or a button (using the FullScreen-API). This works fine in Chrome and FF but has problems in IE11. Fullscreen with F11 works always fine. But toggling fullscreen mode with javascript causes my page to be placed at the top bottom with shrinked width and height when using IE11. My header and footer remain intact.
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer>
</body>
I have created a small fiddle, that may show what I'm doing. Unfortunately the fullscreen wont be toggled in JSFiddle, so better copy the code to somewhere else: https://jsfiddle.net/j122kdju/
Here are two screenshots from the site. I gave the html a green backgound color to see what's happening when enabling fullscreen via JS API. First image shows the page without fullscreen in IE11:
The second shows fullscreen enabled via JS API in IE11:
I may handle this issue by setting html width in css to 100%. Anyway, pages with overflow can't be scrolled anymore. The scrollbar is not visible. As said, this works fine in other browsers.
Is there any workaround available? Am I missing something here? Thanks
EDIT: Maybe related: IE cannot scroll while in fullscreen mode
if you want the entire page fullscreen the solution is to send "document.body" for IE11 and "document.documentElement" for Chrome and Firefox
see my complete answer here:
IE cannot scroll while in fullscreen mode
You can try to set html width to 100% as you said and then force the body to have a scrollbar using
body {
overflow-y: scroll;
}
i am currently building a website using HTML and and external CSS Stylesheet. I have a "container" which holds the content of my page, central to the body. What i want is that when a user adjusts the text size using there browser that the "container" automatically resizes with the text so that it stays in proportion. At the moment the text size changes but the container doesn't. I hope someone can help me with this problem.
Thanks in advance
Matt
This is a bug in IE, in other browsers e.g. Firefox, the containers will be correctly resized.
You would need to detect the browser type; then if it's IE use some fancy javascript workarounds to get it to work.
Catch browser's "zoom" event in JavaScript
I've deployed a report using reportViewer on my local machine.
It's a wide report so requires a horizontal scroll bar across the bottom of the report but fits fine vertically. This is fine in FF, however IE renders it with the vertical scrollbar as well and no matter what I do I cant get rid of it!
Is this a problem with IE?
Can I not just have a horizontal scrollbar or does IE insist on having both even if the vertical scrollbar does next to nothing?
Thanks
Just a thought, but is the ReportViewer configured for asynchronous rendering?
This link has some details: http://msdn.microsoft.com/en-us/library/ms252090.aspx
With AsyncRendering=true, your report will render inside an IFRAME. It may default to a particular height until it renders and IE isn't recognizing that after the fact.
Try setting it to false - if that's the issue and asynchronous rendering isn't an option for you, there may be a way to programmatically set the initial height of the ReportViewer small enough to avoid those scrollbars.
IE definitely allows just one type of scrollbar (at least IE8 does) - you can try it by resizing the window on the Google homepage and making the window tall but narrow.
If you use IE 11 edge you have this problem.
.repViewer{overflow-y:auto !important;}
<rsweb:ReportViewer Height="400px" CssClass="repViewer">