javascript - Microsoft Edge: page inputs blocked after exiting tab with open print preview

Question

I think I found a bug in Microsoft Edge (v.87.0.664.75) or perhaps it is chromium because the issue happens in Chrome (v.88.0.4324.104) as well. This issue is this: I launch a new tab using target="_blank" off of an anchor element tab. The resulting tab loads with window.print() to automatically open a print dialog. I found that if I click on 'Cancel' and return to the previous page (tab) everything works fine. However, if I close out of the page with the print preview open by click on the 'X' and then return to the previous page (tab) all input fields are sort of...locked. I can click on the input but the input does not get focus. If the input is a type of 'number' I can use the up/down icons to increase and decrease the value but I cannot click in the field to type a value. The same goes for a datetime input. If the input is of type 'text' then I'm completely out of luck. I found that I have to completely close the page and reload the page to regain access OR I found that if I trigger a browser UI element I regain the option to click on and control inputs. Examples: If I click on the address bar, show the developer tools, or click into the settings (...).

I've given up on loading the print preview in a new tab. Instead I launch into a completely new window. This seems to work even if a user closes out of the window using 'X'. It seems that the separation of windows prevents the input lock up.

Hopefully someone from Edge/Chrome will see this an fix the issue in a later update.

question from:https://stackoverflow.com/questions/65849595/microsoft-edge-page-inputs-blocked-after-exiting-tab-with-open-print-preview

Answer 1

Waitting for answers