WP 5.8-RC2: Block widget area CSS class

Or just use the actual ID as it would be used on the front end…
I mentioned this in Slack, but maybe a Trac ticket would be better.
https://core.trac.www.ads-software.com/

Hi @webmandesign,

Thanks for bringing this up. I’ve looked into it, and you are correct. There is currently no unique identifier that can be used to target a sidebar in the widgets editor.

I’ve opened up an issue on the Gutenberg repository to explore a way to fix this. Ideally there should be some way to style specific sidebars within the widget editor in a way that the presentation matches the front end.

That’s exactly why I asked ?? It would be great if a specific class could be applied as I think there might be some potential issues with ID attribute was used instead.

Thanks for opening the issue for this. Should I close this topic as resolved then or will you do it guys when the issue is actually resolved?

@webmandesign Because this was quite a late change, the approach taken was to add a data-widget-area-id data attribute to widget areas in the editor, which should still be selectable via css. That’s in WordPress 5.8.

That’s cool. Thank you for the update @talldanwp