Flexmonster Number Formatting Modal within Shadow DOM

Hi FM team,

I am using FM v2.9.103, and creating FM within a shadow DOM (web components).

When the number formatting modal is shown, after changing the options and clicking on Apply button, the following error is shown in console:

polyfills.js:1
Uncaught TypeError: Cannot set properties of null (setting 'disabled') at g (flexmonster.js?v=6fe27a08:71117:81) at FlexmonsterToolbar.showFormatCellsDialog (flexmonster.js?v=6fe27a08:71243:7) at FlexmonsterToolbar.formatCellsHandler (flexmonster.js?v=6fe27a08:70792:12)

Upon further investigation of the stacktrace:-

      }, g = function() {

        var p = null != x.getValue(), B = !p;

        document.querySelector(".fm-popup-format-cells #fm-btn-apply").disabled = B;

It seems that the document.querySelector cannot find the Apply button since it is in the shadowRoot.

Please note that clicking the Apply button could not close the modal; I had to click the ''Cancel'' button instead. Hence the number formatting options were not able to be applied.

Are there any ways I can get around this problem?

Thanks in advance.