IOS 8中的角材料扩展面板

Question

我在IOS 8.1中遇到了与Angular Material扩展面板有关的错误（该错误未出现在IOS 10+上，尚未测试9）。如果我使用example stackblitz中的代码，则扩展面板会显示并在单击时打开，但在第二次单击时不会关闭。

每次单击都会在safari Web检查器控制台中产生以下错误：

ERROR – Error {line: 5169, column: 46, sourceURL: "http://localhost:4200/vendor.js"}
defaultErrorLogger — vendor.js:56067
handleError — vendor.js:56113
(anonymous function) — vendor.js:58982:99
invoke — polyfills.js:7499
run — polyfills.js:7249
runOutsideAngular — vendor.js:58177
tick — vendor.js:58982
(anonymous function) — vendor.js:58867:110
invoke — polyfills.js:7499
onInvoke — vendor.js:58218
invoke — polyfills.js:7498
run — polyfills.js:7249
run — vendor.js:58132
next — vendor.js:58867:85
(anonymous function) — vendor.js:57949
__tryOrUnsub — vendor.js:135347
next — vendor.js:135285
_next — vendor.js:135220
next — vendor.js:135195
next — vendor.js:134960
emit — vendor.js:57933
checkStable — vendor.js:58187
onLeave — vendor.js:58254
onInvokeTask — vendor.js:58212
invokeTask — polyfills.js:7531
runTask — polyfills.js:7299
invokeTask — polyfills.js:7607
invokeTask — polyfills.js:8651
globalZoneAwareCallback — polyfills.js:8677
defaultErrorLogger — vendor.js:56067

我很好奇，如果其他人也遇到同样的问题，或者有人知道解决方案。

我正在使用Angular 6，材质6.4.0和IOS 8.1（在iPad Air模拟器上运行）。我包含的polyfill是：

import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';

import 'core-js/es7/reflect';

import 'web-animations-js';

import 'zone.js/dist/zone';