Advanced | Display Conditions | Responsive Visibility not working on block

I’ve been experimenting with customizing the display of the Private Google Calendar Block, and I’ve created a version for mobile devices and a version for desktop and tablet display.

I found, though, that if I applied something like “Hide on Desktop” to the block itself, doing that didn’t hide the display. If I apply the Responsive Visibility settings to a column and place the calendar block inside the column, that works.

In the sample page (https://new.phoenixuu.org/connect/calendar/), there are 3 calendar blocks.

The first is in a column block that should be hidden on mobile.
The second is in a column block that should be hidden on desktop and tablet.
The third has the Responsive Visibility setting directly on the calendar block, and it should be hidden on desktop and tablet.

If you inspect the code, you can see that the classes to hide the content are set correctly, but they are set on an empty paragraph that closes before the calendar display:

<p class="wp-block-pgc-plugin-calendar uag-hide-desktop uag-hide-tab uag-hide-desktop uag-hide-tab"></p>

I’m not sure if this is fixable within the plugin, but I figured I’d post my solution in case someone else comes up against this problem.

The page I need help with: [log in to see the link]