object doesn't support property or method 'scrollTo' on IE11

[joacim-boive]

Issue details

When navigating around in an React 16.6.3 web application I suddenly get this error message when pressing a button in IE11 only:

Steps to reproduce/test case

Have been unable to provide a minimal use case, sorry.

Please specify which version of Browsersync, node and npm you're running

• Browsersync 2.26.3
• browser-sync-webpack-plugin 2.2.2
• Node 10.13.0
• Npm 6.4.1

Affected platforms

• linux
• windows
• OS X
• freebsd
• solaris
• other (please specify which)

Browsersync use-case

• API
• Gulp
• Grunt
• CLI
• Webpack

for all other use-cases, (gulp, grunt etc), please show us exactly how you're using Browsersync

In my webpack config:

new BrowserSyncPlugin({
                    host: process.env.IPADDRESS,
                    port: Number(process.env.PORT) + 1,
                    proxy: 'http://' + process.env.IPADDRESS + ':' + process.env.PORT,
                    minify: false,
                    proxyOptions: {
                        // https://github.com/Browsersync/browser-sync/issues/430
                        xfwd: true, // Forward all headers thru the proxy
                        changeOrigin: false, // Keep the original origin
                    },
                    open: false, // Open a browser
                    cors: true, // Set the CORS headers to allow CORS
                }),
`

[fflorent]

Yup, I had the same issue preventing BrowserSync working in Edge.

Edge doesn't implement HTMLElement.prototype.scrollTo: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15534521/

And in set-scroll.ts, Browser-Sync calls this method.

I opened a PR to fix this.

I setup a workaround for my need (hack) :

browserSync.use({
	plugin() {},
	hooks: {
		'client:js': 'if (!HTMLElement.prototype.scrollTo) { HTMLElement.prototype.scrollTo = function (left, top) {this.scrollTop = top; this.scrollLeft = left; } }'
	}
});

[shakyShane]

Fixed in browser-sync@2.29.0 :)