Theme editor inspector won't work in <dialog>

Short description of issue

When blocks are inside a native element, the inspector can’t find them

Reproduction steps

With theme blocks that can be nested, I have a use case where some blocks are inside a element. Despite having the proper {{ block.shopify_attributes }}, it seems the theme editor inspector is unable to select blocks that are in a top-layer element (such as dialog). It will only show the blocks underlying (cf screenshot).

Additional info

No more info

What type of topic is this

Bug report

Upload screenshot(s) of issue

1 Like

Hey @bakura10 :waving_hand: happy to look into this as always. Just to confirm, is this only happening in the theme editor UI and not in a theme preview or on a live shop?

Hope to hear from you soon!

Hi Alan!

Yes, the theme inspector feature is a theme editor feature only (that’s the feature that you enable in the top bar of the theme editor - see attached screenshot -) so this is not applicable outside the theme editor.

Thanks for clarifying @bakura10 - looking into this for you!

Hey @bakura10 I think one of my colleagues may have reached out to you on this, but just wanted to post here in case other folks stumble across this thread. We’re looking into this for sure, can’t guarantee a turnaround time, but it’s on our radar - appreciate you flagging this!