Symptoms

Below console error in devtools Uncaught (in promise) TypeError: Failed to construct 'MouseEvent': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

Impact

Unable to download CSV files

Conditions

Portal Access with Modern JS

Workaround

Custom irule: ========== when REWRITE_REQUEST_DONE { if { [HTTP::path] ends_with "index.html" } { set flgx 1 REWRITE::post_process 1 } } when REWRITE_RESPONSE_DONE { if {[info exists flgx]} { unset flgx set str {if(typeof(F5_flush)} set strt [string first $str [REWRITE::payload]] if {$strt > 0} { REWRITE::payload replace $strt 0 { (function (window) { // Polyfills DOM4 MouseEvent const MouseEventPolyfill = function (eventType, params) { params = params || { bubbles: false, cancelable: false }; const mouseEvent = document.createEvent('MouseEvent'); mouseEvent.initMouseEvent(eventType, params.bubbles, params.cancelable, window, 0, params.screenX || 0, params.screenY || 0, params.clientX || 0, params.clientY || 0, params.ctrlKey || false, params.altKey || false, params.shiftKey || false, params.metaKey || false, params.button || 0, params.relatedTarget || null ); return mouseEvent; } MouseEventPolyfill.prototype = Event.prototype; window.MouseEvent = MouseEventPolyfill; })(window); } } } } ==========

Fix Information

None

Guides & references

K10134038: F5 Bug Tracker Filter Names and Tips