Premium Content Block not fully navigable in List View

[Greatdane]

Steps to Reproduce

1. Add the Premium Content Block to a page.
2. Open List View.
3. Navigate between Subscriber View and Logged Out View in the List View - you won't be able to!

What I expected to happen

Clicking on either Subscriber View and Logged Out View while navigating the List View should take me to that section of the block to edit.

Image link: https://d.pr/i/vZG9k1

You will notice they are also the opposite way around in List View..

What actually happened

Clicking on either Subscriber View and Logged Out View does not navigate between the different sections of the block, but just stays in the same selected content area.

See video: https://cloudup.com/cgQHlZNDyvi

Context

Using Block on test site.

Operating System

macOS

OS Version

11.5.1

Browser

Chrome/Chromium

Browser Version

92.0.4515.131

Is this specific to applied theme? If so, what is the theme name?

No response

Simple, Atomic or both?

Simple, Atomic

Console and/or error logs

No console errors.

Level of impact

Low

Reproducibility

Consistent

Other information

No response

[kosiew]

Hi @Greatdane ,

Thanks for reporting this and the detailed steps.

I managed to reproduce the issue.

Triaging for developers' further investigation.

[mrfoxtalbot]

I came here to report exactly this. I see two additional issues with the way this block works in the list view:

• Inconsistent Order: The order on the list (top to bottom) does not match the order on the block's too bar (left to right): the Visitor view should go first)

-Inconsistent names: We are using the label "Visitor View" in the block but "Logged Out View" in the list view.

Context: 4707790-zen