this ones really stumped me
basically, i have a hidden div (hidden tab content) around an iframe which is meant to load a PHP file manager (KCfinder):
<div id="contentfilemanager" style="display:none;">
<iframe id="filemanager" src="scripts/kcfinder/browse.php"></iframe>
</div>
but when i go to load the page in Chrome, it keeps loading for ever, and the page is effectively frozen. it displays the entire page, but nothing is clickable.
this does not happen in any other browser i have tried (firefox, ie9). and even weirder, when i go to load a non PHP page, it loads fine.
is it possible that this a problem with the page within the iframe?
Related
I have an ASP.NET Core 3.1 site (using Asp.NET Zero) with Angular 10, in which one page has an iframe, which displays web pages from a subdomain (old VB.NET WebForms 4.0 site):
<iframe [src]="pageUrl | safeUrl" style="height: 100%;" frameBorder="0">
<p>Your browser does not support iframes</p>
</iframe>
The pageUrl variable is changed by clicking on items in a navigation bar in the Angular app.
This architecture works quite well the first 10-15 clicks. After that, each click on a navigation item downloads the requested page (Network tab shows HTTP 200 and the actual ASPX response) but the iframe does not draw the content. The whole iframe content stays white, although loaded.
There are a few symptoms that I think are important:
If I click and do not move the mouse, I see the web request fulfilled and the page stays white until I move the mouse and trigger a redraw of the menu item by the :hover event in the CSS. It can stay white for a minute if I don't move the mouse.
When the redraw happens, there is no activity in the Network tab and is definitely triggered by the mouse movement.
This "white page" effect happens even with ASPX pages that I have visited before and were displayed properly.
If somehow I move my mouse inside the iframe without triggering the redraw, I can see the mouse cursor changing when I go over a link or another element that has different cursor in the CSS.
There is nothing custom on my menu, CSS, or JS (Angular) for this behaviour.
Google did not help and pointed to "white-flash" effect, which I do not believe is what I have. So, any suggestions will be appreciated even they are not complete solutions. This issue is preventing me from going to production.
One of the sites I'm responsible for has a very odd issue and I feel like I'm up against a wall with it.
When loading
https://www.legacytitle-llc.com/resources/sellers-net-sheet/
in safari, the iframe (Net Sheet) doesn't load. If I open another browser tab and open the iFrame only, it loads, and if I then refresh the original page, it shows up.
How can I get the iFrame to load with the page when a user first hits it?
We've noticed some very strange behaviour in Chrome 33 which isn't replicated in earlier versions or in other browsers.
As an example, if you visit http://www.fatface.com/ and click on the Lace Jumper the content is cut off once you start scrolling down.
This overlay window is an iframe and sometimes content is pulled in again into an iframe (You Tube videos/Review forms etc) Content will display fine unless there is already an embedded iframe present or if by hitting a 'Write a Review' link to pull in an embedded iframe.
Has anybody come across this issue or got an idea for a fix?
This is a weird one. I'm using the URL "http://www.craigslist.org/about/" as an example here.
I load up that page in my browser and modify it with Firebug. I add the following line right after the body tag:
<iframe src="http://www.craigslist.org/about/" id="frame1" name="frame1" width="100%;" height="200"></iframe>
The IFRAME shows as blank! Now when I load https instead of http in the IFRAME it works. At first I thought maybe craigslist doesn't allow itself to be embedded in an IFRAME at all. Then I tried embedding that same IFRAME code on my website and the frame loads as expected.
It's as if they are blocking you from loading the same page within itself!? Anyone ever seen this behavior before?
UPDATE:
This problem appears to be related to my browser. (Firefox 21) When I try to load any IFRAME that has the same exact URL as the parent frame it fails??
I have a div with an iframe in it, and the iframe loads a page from another site (cross-domain). When the page loads in firefox it works fine and shows the page with the iframe in the div. However in Chrome, it automatically redirects to the iframe URL when the page loads. Any idea why this is happening and if it's possible to do what I'm trying to do in Chrome?
Notes: I'm not trying to do any cross-domain communication, just want to let users access the other site from within a page on my site. This also happens in Safari, so maybe it's a webkit thing.
Sandboxed iframe may be solution to your problem. It's supported by both Safari and Chrome, and will not effect Firefox1. You can use it like so:
<iframe sandbox="allow-forms allow-same-origin allow-scripts" src="http://stackoverflow.com"></iframe>
By not adding allow-top-navigation there you are preventing an iframe to redirect the whole page.
You can read more about it on W3C.org.
1 Starting from version 17, Firefox also supports sandboxed iframe.