Meta Box Dynamic Data on Pseudo Is Broken in Query Loop

Bugs
1

ISSUE DESCRIPTION: When using Meta Box Group dynamic data on a pseudo element in a Brick query loop, the data is no longer dynamic. Instead, all items in the loop inherit the data from the first returned item.

IMPACT: Bricks users can no longer use dynamic data from Meta Box in a query loop when that data is set to display on a pseudo element.

STEPS TO REPEAT:

  1. Create a Meta Box field.
  2. Add two fields to the group: “Letter” and “Description.”
  3. Assign the following Meta Box Group values to a page:
    Letter: A, Description: Awesome
    Letter: B, Description: Best
    Letter: C, Description: Candle
  4. Create a query loop in Bricks.
  5. Assign the Meta Box Group’s dynamic data for Letter to a :before or :after pseudo element.
  6. Assign the Meta Box Group’s dynamic data for Description to an element.

EXPECTED RESULT: Query Loop returns the following:
A – Awesome
B – Best
C – Candle

ACTUAL RESULT: Query Loop returns the following:
A – Awesome
A – Best
A – Candle

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

[Please describe this bug in as much detail as possible so we can replicate & debug this bug]

2 Likes