The window.open() function in Microsoft Edge is failing to respect specified width and height parameters, causing it to

The functionality of the window.open method in the latest Edge browser on Windows 10 preview Build 10130 doesn't seem to align with the expected behavior outlined in the specification.

If you try out the sample code provided at https://msdn.microsoft.com/en-us/library/ms536651(v=vs.85).aspx, and attempt to open a new window, it might actually pop up in the background and not adhere to the specified width and height parameters.

<!DOCTYPE html>
    <html>
    <head>
      <title>window.open()</title>
      <style>
        html, body {
            width: 100%;
            height: 100%;
            border: 1px solid black;
        }
        </style>
    </head>
    <body onclick="myOpen();">
      <p>Click this page and window.open() is called.</p>
      <script>
        function myOpen() {
          window.open("Sample.htm", null, "height=200, width=400, status=yes, toolbar=no, menubar=no, location=no");
        }
      </script>
    </body>
    </html>

Have you encountered this issue as well? Check out http://jsfiddle.net/TylerH/c91hcoum/2/ for more information.

Answer №1

The issue has been fixed in the latest Windows build, version 10162.

Answer №2

The documentation for the open method and the accompanying sample code on the link you provided seems to be tailored for IE and has not yet been updated for Edge. From my understanding after reviewing that page, it appears that Edge is still undergoing refinement as we are currently in the insider preview phase. While testing on Build 10162, I was able to make it work by visiting this JSFiddle http://jsfiddle.net/RamiSarieddine/wu09fh1d/

window.open("http://dev.modern.ie/community/","_blank","height=500,width=500,scrollbars=yes,location=yes");

Upon executing the above code, a new window with dimensions of height 500, width 300, along with scroll bars, location indicator, and control buttons can be seen opening. Refer to the screenshot below for visual confirmation.

Answer №3

In cases where the height exceeds the screen size (browser fluff included), the window will automatically maximize, a behavior that differs from IE 9, 10, and 11.

This observation is specific to RTM Win10 Edge browser.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to map through material-ui components within an array in React.js?

I've been attempting to implement material-ui and iterate over it within an array (to create ratings for items, similar to e-commerce websites). Unfortunately, the code is not functioning as expected. When I run it on my localhost server, no stars are ...

Error Alert: JQuery Pop Up Issue

Struggling with getting my JQuery Pop-Up Box to work properly. Any guidance for a newbie like me on how to fix it would be greatly appreciated. Here's the code I've been working on: <!-- POP UP HTML --> <div class="infocontainer"> ...

Tips for preloading an ENTIRE webpage

I am looking for a way to preload an entire web page using JavaScript in order to have it cached in the user's browser. While I know how to preload images with JS, my goal is to also preload the entire page itself. For example, on my website, there ...

React Image Error Handling: How to deal with broken images in

I am currently working on a project where I need to retrieve the maxresdefault of various YouTube thumbnails. However, some YouTube videos do not have high-resolution thumbnail images available. To handle this scenario, I added an onError prop to the img ...

Is there a way to determine if a variable includes Chinese or Japanese characters?

Is there a way to determine if a variable includes Chinese or Japanese characters? I have found this line effective: if (myVariable.match(/[\u3400-\u9FBF]/)) My goal is to apply the same concept to a specific variable, rather than the entire do ...

Compare an array of strings with an array of objects and provide a specific result for each comparison

I'm facing a simple array dilemma: I have two separate arrays - one containing strings and the other containing objects. What I need to do is compare them in a specific manner: The array of objects should verify if a property of each object is present ...

Having trouble with submitting the AJAX form when trying to rate something

Need help with the review rating code. The form submission does not save data to the database. Any assistance is appreciated. <form id="commentform" method="POST" action="#" class="form form-inline form-contact"> <p class="push-down-20"> ...

Creating a radial progress chart using Plotly JavaScript

I recently started working with the Plotly library and now I need to display a circular progress graph in Vuejs 2, like the one shown below. While Plotly is a comprehensive tool, I have not come across an example that matches this specific design using Ja ...

The response from Ajax appears to be unclear

I'm attempting to assign the ajax response to a variable (let's call it _has_weekend_hollidays) in the following manner: JS Call: _has_weekend_hollidays = checkWeekendHollidays( _i ); console.log ( checkWeekendHollidays( _i ) ); AJAX Call $.aja ...

Having trouble with the Ajax load function not functioning in your HTML code?

The issue has been resolved. Thank you to everyone who helped! Initially, I was attempting to run a file offline instead of on a web server (XAMPP server). Once I uploaded the file to the web server, it started working properly. I had been trying to load ...

The process of obtaining and sending a token from an HTML page while submitting a form request to a Laravel 5 application involves a few key steps

My application consists of the client side being written in HTML and Angularjs, while the server-side is using Laravel 5. Every time I submit my form, I send the models using $http to a route in my Laravel 5 app, but I continuously encounter the error: pr ...

Encountering the issue of receiving an error message that says "emitted value instead of an instance of error while compiling template" when trying to set

Trying to set up a Vue table with the help of a Vue table plugin in my application through node module is proving to be challenging. An error keeps popping up when I try to use all Vue table components. I installed all Vue table plugins using npm and impor ...

What is the best way to position a tooltip near an element for optimal visibility?

One div is located on the page as follows: <div id="tip"> Text for tip goes here... </div> And another one can be found below: <div class="element"> Text for element goes here... </div> There is also a piece of JavaScript ...

What can you do to ensure Vue detects input element changes after using preventDefault?

In this example, I am trying to prevent a newline from being created in a textarea when the Enter key is pressed. To achieve this, I use the preventDefault method in my event handler and update the value inside the textarea. However, I encounter an issue w ...

Unlocking the Sound: Using a Custom Button to Activate Audio on HTML Video in React

While working on a project, I encountered a small issue: I have a video tag in my code: <video muted autoPlay loop src={video}> I simply want to add a single custom button/control to toggle between muting and unmuting the video. I'm thinking of ...

Patience is key when letting AJAX calls complete their execution in jQuery functions

In each of my 3 functions, I have a synchronous AJAX call. Here is an example: function() { a(); b(); c(); } a() { ajaxGet(globals.servicePath + '/Demo.svc/GetDemoList/' + sessionStorage.SessionId,function(data, success) {}, '&apos ...

Switch classes according to scrolling levels

My webpage consists of multiple sections, each occupying the full height and width of the screen and containing an image. As visitors scroll through the page, the image in the current section comes into view while the image in the previous section disappe ...

What happens when dynamically loaded static resources are loaded?

Currently, I am dynamically injecting HTML into a page using JQuery AJAX. The injected HTML contains script and link tags for JS and CSS files respectively. The issue I am facing is that my initPage() function runs before the script containing its definiti ...

Extracting information from XML and showcasing it in an HTML format

My current setup includes two hard-coded boxes from line 18 to line 70 in the HTML section. Now, I have an .XML file containing: <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <collection> <beanRepresentation> <beanRepId> ...

Looking to tidy up the HTML produced by JQueryUI?

Is there a way to achieve this? I am developing a template generator that includes resizable and draggable elements within a preview window. The issue arises when I try to extract the generated HTML, as it contains unwanted JQueryUI classes and divs for ea ...