modal won't show on Linux browser

[DonGiulio]

Hello,

I'm having the weirdest issue, where the popup works great on osx and windows browsers, but on linux browsers it seems not to work.

The code calling preact and configuring the modal is executed (I placed breakpoints to it), but it ends there.

below an extract of my code calling it

 <script nonce=".....">
    window.consentManagerConfig = function(exports) {
      const React = exports.React
      const inEU = exports.inEU

      const bannerContent = React.createElement(
        'span',
        null,
        '.....'
      )
      const bannerActionsBlock = ({acceptAll, denyAll}) => (
        React.createElement(
          'div',
          { className: 'consent-manager-actions-container' },
          React.createElement(
            'button',
            {  type: 'button', onClick: acceptAll },
            '....'
          ),
          React.createElement(
            'button',
            {  type: 'button', onClick: denyAll },
            '....'
          )
        )
      )
      const bannerSubContent         = '....'
      const preferencesDialogTitle   = '....'
      const preferencesDialogContent = '....'
      const cancelDialogTitle        = '....'
      const cancelDialogContent      = '....'
      const preferencesDialogTemplate = { ..... }

      return {
        container: '#consent-manager-target',
        writeKey: '....',
        shouldRequireConsent: inEU,
        saveConsent: true,
        bannerAsModal: true,
        bannerActionsBlock: bannerActionsBlock,
        implyConsentOnInteraction: false,
        bannerContent: bannerContent,
        bannerSubContent: bannerSubContent,
        preferencesDialogTitle: preferencesDialogTitle,
        preferencesDialogContent: preferencesDialogContent,
        preferencesDialogTemplate: preferencesDialogTemplate,
        cancelDialogTitle: cancelDialogTitle,
        cancelDialogContent: cancelDialogContent
      }
    }
  </script>

  <script nonce="...."
    src="https://unpkg.com/@segment/consent-manager@5.6.0/standalone/consent-manager.js"
    defer
  ></script>

[edsonjab]

Hi @DonGiulio thanks for your report, could you share us your SO version, please? also which version of react or nextjs or which platform or framework you are implementing your solution please

[DonGiulio]

Thanks, sorry for the late reply,

I can reproduce it using ubuntu bionic on firefox, which I run via this command: docker run --rm --name ubvnc -p 6080:80 -p 5900:5900 dorowu/ubuntu-desktop-lxde-vnc:bionic and use on the browser via http://localhost:6080/

my stack is a Ruby on Rails 7 app, and I include the consent management scripts directly in the html.erb files. with

  <script nonce="<%= content_security_policy_nonce %>">
    window.consentManagerConfig = function(exports) {
      return {
        ...
      }
    }
  </script>
  <script nonce="<%= content_security_policy_nonce %>"
    src="https://unpkg.com/@segment/consent-manager@5.6.0/standalone/consent-manager.js"
    defer
  ></script>

it works fine everywhere, except on this linux and a many other linux versions (I haven't found any where it works, I tested some 3 or 4).

[DonGiulio]

I tried replacing

  <script nonce="<%= content_security_policy_nonce %>"
    src="https://unpkg.com/@segment/consent-manager@5.6.0/standalone/consent-manager.js"
    defer
  ></script>

with

  <script nonce="<%= content_security_policy_nonce %>"
    src="https://unpkg.com/@segment/consent-manager@5.0.1/standalone/consent-manager.js"
    defer
  ></script>

Still no modal shown, BUT in the inspector I can see there's an empty <div></div> inside the target container div.

also I tried removing the bannerAsModal: true configuration and still can see no consent manager bar at the bottom, which I can see in osx and the content manager target div remains empty.

I can finally see the consent if I remove the shouldRequireConsent: inEU, configuration.