Shortcomings of 2.0: Issues in components, query loop capabilities,

Hi, following the development of the last 1.5 years that went into Bricks 2.0 and the components feature, here is a list of the most limiting and annoying restrictions on components, loops and more.

Known issues are …

  1. Pagination or query results summary can break when the loop is wrapped in a container. (Anything can break when you have to refer to a loop item within a component, e.g. WP Grid Builder filters).
  2. Passing properties to child components is not supported. Component Property expansion
  3. Thus, components like a card with query loop are tightly coupled with a specific post type. Only in the component itself, you can hardcode the access to ACF fields.
  4. Hence, if you want to feed component instances with dynamic data and some with static data, you can only do that if it is not a looped one. Otherwise, maintain two equal components with different properties :angry:
  5. Hide/show a component instance conditionally does not work via well-known conditions. You need to add a special hide/show component property and more …
  6. The component edit button is a nightmare to reach. Going right on the instance, clicking settings icon left, select a component element on the right, edit on the left …
  7. A huge issue is the lack of a query loop element, which would automatically solve issue nr. 3, but there’s an unofficial one, so it seems doable solely by adding a new element SNN-BRX Child Theme, advanced features and gsap animations, acf, smtp, security, 301 logs, 404 logs, search logs - #91 by sinanisler
  8. And the restriction to one root elemfnt for loops, which prevents you from building listings with dynamically added headings, to group the looped entries. A calendar listing with dynamic month divider is not doable as is.
3 Likes

For point 3 if I understood correctly …you can use a div/block with Query Loop as parent and a component instance as child, and assign value to properties with dynamic data

Which means you can’t. I don’t want some random DOM anywhere and work around it with even more CSS.

From coming across some of your recent posts/comments… I think we can safely conclude the components and query loop features are exceeding all of your expectations :grin:

Yes, definitely, but in the wrong direction. You can’t tell me it is not true.

Use display:contents on parent

i would expect this to be a doubleclick on the component itself

2 Likes

That leaves unnecessary DOM elements, violates HTML tag structures like ul > li and makes CSS styling harder. That reminds me on Elementor.