First, this issue only occurs in any version of IE and works correctly in Firefox and Chrome.
I have a form which is on a page inside an iframe. I am submitting the form to a page on our other web site. When the form page is on top (not in an iframe) all works fine. If I place this same form in an iframe and submit the form, a new window opens as expected however none of my form values arrive at the target page. This smells like an IE bug or security/permissions setting. Again, it works perfectly in Firefox and Chrome.
I am seeing the issue whether I add target="_blank" to the form tag or I add it say via jQuery after the form loads.
Related
Expected behavior: According to MDN, an html form element with target="_blank" and action="https://www.whatever.com" should open whatever.com in a new window/tab where the value of window.opener should be null.
Observed behavior: The new window's window.opener is non-null. Instead it is a reference to the parent window.
Here is a simple code sandbox. Click the submit button and then open browser devtools in the new window to test the value of window.opener. The sandboxed html includes a link as well, to show that anchor tag with target="_blank" is behaving as expected.
I have also tried being extra-explicit, adding rel="noopener" to the form, and adding formtarget="_blank" rel="noopener" to the submit input.
On my machine, I have a more complex setup where I am POSTing the form to a simple server. Still seeing same results.
I am observing this behavior in
Chrome v96.0.4664.55
Firefox v94.0.2
Solved. Not supported anywhere except preview version of safari.
safari
chrome
firefox
I have a pdf embedded in an iframe that has a submit button back to my webserver. Fires fine in IE. But Chrome (and probably other browsers) use their own pdf viewer that doesn't recognize the submit button.
Is there a way to make this work in chrome?
When I post a form to my rails website (using turbolinks, not sure if it is relevant) from safari on mac, instead of redirecting to the next page, it just shows a blank page, with "data:," in the address bar.
I have an embedded youtube video on the page, in case that is relevant. Also, my form has a textarea that uses ckeditor.
The record is saved, just that it does not redirect to the show page as I would expect.
This does not happen on chrome.
The page source for the blank page shows up as:
<html> = $0<head></head><body></body></html>
I'm creating a HTML page where I have a textbox and on button click if validation is true navigate to next page otherwise show alert.This functionality works fine in Firefox and Chrome but not in IE9.What happens is it just navigates to the next page no matter what the validation is.If i allow the activex to view the contents then it checks for the validation before navigation.This is a great security threat.How do I stop this navigation if it's validation is false.Any Suggestion?
I am creating a dynamic iframe. In order to listen for 'blur' even on iframe I have made it work in FF and IE using iframe's contentWindow.document and iframe respectively. But this does not work in Google Chrome (May be not work in other webkit browsers). My question is I am looking for an event which can call my handler anytime user loses focus(Leaves Iframe) from Iframe window. I don't have to access any content in iframe so question of security does not arise. Just an event to trigger whenever I lose focus from iframe and select any other control on web page.
According to quirksmode "Safari and Chrome don’t support [blur] on links and/or form fields in all circumstances."
You might have one of those circumstances where it's not supported.
if you're curious, follow the link and click on "blur" to read more about it.