Google Chrome/MS Edge version 87 affecting iFrames from being viewable? - google-chrome

Chrome 87 and Microsoft Edge 87 updated on my computer today and now I'm seeing odd behavior when trying to view web pages embedded within our intranet through iFrames. The embedded web pages are https secured and were working totally fine on Chrome 86.
The behavior that happens is when a web page loads with an iFrame using a chromium based browser, the page will load fine. If you click on a link within the iFrame page, the content within the iFrame disappears. If you hover your mouse over the content of the iFrame, you can see the mouse pointer change into a hand when you hover over where a link must be on the page, even though you can't see any content.
Also when this behavior occurs and the content inside the iFrame is invisible, if you open Chrome Developer tools and then inspect the iFrame element, it will reappear.
Was curious if anyone has seen such behavior, or has any ideas on why content within an iFrame viewed with a chromium 87 based web browser will be invisible.
Thanks!

I confirm that Chrome DEV actual version works ... (is this an answer ?!?)
For those who use Chrome in business (as our guests ...) this is a big problem and also a DEV version ... can be acceptable in some cases ...
Adriano Mari - Multidata Prato

As other users have mentioned, this seems to be a rendering bug with Chromium.
While perhaps not the most elegant solution, forcing the page to redraw after the iframe has loaded is likely the best solution until Google get's their issue sorted.
$(function() { // Temporary workaround for Chromium iframe load issue
$('iframe').on('load', function() {
$(this).hide(0).show(0);
})
})

As per chromium Bug website, Iframe blank issue observed in following versions and you get fixed starting from chrome 88.
Issue observed in:
Chrome 86: 86.0.4240.198
Chrome Beta: 87.0.4280.60
Issue *not* observed in:
Chrome Dev: 88.0.4315.5
Chrome Canary: 88.0.4324.2
Chromium latest
If security is not concern for you, you can go to chrome flag and enable exprimental web platform flag til time Chrome 88 release officially.
chrome://flags/#enable-experimental-web-platform-features
If you have control over iframe page content, then you can add following tag inside iframe page.
<canvas id="canvas" width="1px" height="1px"></canvas>
After the page loads, execute the following Javascript:
window.setTimeout(function() {
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(1,1);
ctx.stroke();
}, 200);

Related

Google Chrome is now concealing IFrame content in Developer Tools?

Chrome has just recently stopped showing the contents of an IFRAME in the Developer Tools window, where the tag is shown without any contents. I note that the latest version of Brave still shows the contents, and so elements within the IFRAME can be inspected.
I like to view videos in a "Picture In Picture" (PIP) window, so I can read and take part in the comments at the same time, and for where a video is embedded from another platform, that doesn't offer a PIP button (Rumble), you could manually locate and select the video element, by inspecting a HTML video control (NOT volume) and scrolling up, and then entering in the console: $0.requestPictureInPicture()
Here's a sample video page on BitChute that exhibits this issue, with a Rumble hosted video: https://www.bitchute.com/video/5jbHTSoY8ojI/
Is there perhaps an option that resotores this functionality?

Why do successive taps on non-URL URI get ignored even after page reload on Windows Google Chrome?

On Windows version of Chrome. After on an already tapped link, every other successive tap on any element with the same URI gets ignored even after a reload of the page.
<p>The following won't have issues with a mouse, but will with a touchscreen on a successive tap within Windows version of Google Chrome:<br /><br />
<strong>tel://tap-on-me-again-within-windows-google-chrome</strong>
</p>
Any way to avoid this? The issue also occurs on Opera, but not Firefox. Have already tried circumvent the issue using JavaScript, to no avail:
window.location = "tel://tap-on-me-again" // click event
In the comment mentioned Google Canary is now Google Chrome current or later version. Fixed.

How to load a page on the first tab / new window in a browser extension

I have a browser extension for Chrome and Firefox and in the manifest.json I've defined a page to load on new tabs:
"chrome_url_overrides": {
"newtab": "page.html"
},
In Firefox this shows my page in new tabs but not on the first tab or in new windows. In Chrome this is no issue and the page is shown for the first tab, new tabs and new windows.
I read about the homepage setting, which would be used like this:
"chrome_settings_overrides": {
"homepage": "page.html"
},
As it resides in a different key (chrome_settings_overrides) I get the feeling it behaves differently as well but I can't find much about the differences or similarities between these two in the docs.
The Firefox docs actually links these two features together by stating you might need the other. (Firefox newtab and homepage, Chrome newtab and homepage.) Also I found this issue in the Firefox bugtracker (https://bugzilla.mozilla.org/show_bug.cgi?id=1341458) where they're moving the homepage setting from chrome_url_overrides to chrome_settings_overrides, so that implies they work similar.
Update: I tried making this change and it breaks the extension in Firefox without specific explanation and gives a warning in Chrome stating that the homepage should be a url.
Does someone know how to make an extention take over the first/new window in Firefox?
And optionally:
if there's any differences between these two features?
why Chrome seems to not need the homepage to be defined and uses the newtab setting for the first tab and new windows as well?
Any changes of using this? (there is a index parameter for the position) https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/create

Silverlight Display Mixed Content crashes IE

So, I have an HTML page that includes a Silverlight xap file which plays a video. It works correctly while running locally and on our DEV environment when using Chrome or FF. The issue is when I am trying to view the video on our DEV environment using Internet Explorer. When doing so, it prompts me to Display Mixed Content. Whether I hit Yes or No, the browser crashes. I am able to go into my options and Enable Display Mixed Content, which fixes the issue and the video shows up correctly on the DEV environment using IE. But, this is not a good solution for a client facing site. Is there a way around this message to prevent it from crashing the browser?
A workaround for this is to use JavaScript to open the HTML page that contains the video in a new window. The user will still be prompted to Display Mixed Content, but it will not crash the browser and the video will play.

Display issue when an iframe is embedded inside another iframe in Chrome 33

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?