Widget Visibility Doesn't Work in Customizer

[bobmatyas]

Impacted plugin

Jetpack

Steps to Reproduce

1. Turn on Widget Visibility module in Jetpack
2. Add widgets with conditions to restrict their visibility
3. Changes are not reflected in Customizer preview

A clear and concise description of what you expected to happen.

The Customizer view should reflect what shows on the front-end of the site.

What actually happened

At present, widgets show in Customizer regardless of the visibility conditions you setup. By contrast, if you go to the actual site you will see a different view depending on how you have configured the Widget Visibility.

For example, a widget set to display only on the "blog" page will show everwhere in Customizer, while on the frontend it will show only when the criteria is met.

Other information

Possibly related to:

• Widget visibility: supporting load conditions for legacy widgets in gutenberg widgets screen #20255

First reported here:

• Automattic/jpop-issues/issues/7024
• https://wordpress.org/support/topic/widgets-visibility-on-customizer/?view=all

Operating System

macOS

OS Version

No response

Browser

Firefox

Browser Version(s)

v93

[jeherve]

cc @dsas who worked on that last PR.

[dsas]

Thanks. The filtering code doesn't run on any page where you can edit widgets because I wanted to ensure you can always edit a widget - if you hide it it'll no longer be editable. The issue here is that it doesn't know the difference between the sidebar and the preview area.

I think it should be doable using is_customize_preview but given past experience, it'll be fiddly, especially to make it work with both classic and block based widgets.

I'm afk next week but I am aware of this issue

[dsas]

On a related note, on wpcom the preview in the customizer sidebar isn't working for legacy widgets with a visibility rule, it works fine on dotorg.

[lakellie]

Another user report in #4396793-zen

[ParhamG]

We are experiencing the same issue that the visibility settings are ignored in the customizer preview. I see there is already a pending PR to fix this, is there an update on when that will be released?

[jeherve]

@ParhamG We're still working on that fix, so I'm afraid we cannot give you an ETA at the moment.

[Gustavo-Hilario]

This issue also reported here: 4442118-zd-woothemes