react-virtualized Failed to execute 'createPolicy' on 'TrustedTypePolicyFactory'

Failed to execute 'createPolicy' on 'TrustedTypePolicyFactory'

Open codejunkienick opened this issue 4 years ago • 8 comments

Bug Report

What is the current behavior?

React-virtualized triggers this error Failed to execute 'createPolicy' on 'TrustedTypePolicyFactory': Policy with name react-virtualized-auto-sizer already exists.

What is the expected behavior?

react-virtualized checks for existing policy

Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?

Worked on previous versions. Most likely latest release with trusted types triggered this.


Browser	any
OS	any
React	16.4.0
React DOM	16.4.0
react-virtualized	9.22.3

Code that triggers error is in react-virtualized/dist/es/vendor/detectElementResize.js

        element.__resizeListeners__ = [];
        (element.__resizeTriggers__ = doc.createElement('div')).className = 'resize-triggers';
        var resizeTriggersHtml = '<div class="expand-trigger"><div></div></div>' + '<div class="contract-trigger"></div>';
        if (window.trustedTypes) {
          var staticPolicy = trustedTypes.createPolicy('react-virtualized-auto-sizer', {
            createHTML: function createHTML() {
              return resizeTriggersHtml;
            }
          });
          element.__resizeTriggers__.innerHTML = staticPolicy.createHTML('');

Feb 05 '21 05:02 codejunkienick

MiuiBrowser 12.9.3
XiaoMi Mi 10T
Android 10

Mar 26 '21 15:03 HZ-labs

Reproducible by:

Enable the #enable-experimental-web-platform-features Chrome flag on chrome://flags. (This is what causes window.trustedTypes to exist)
Mount two <AutoSizer/> components on the same page.