SOLVED: Introduce scroll functionality to component property linker dropdown

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)

I have a lot of component properties. When I try linking them to elements, the dropdown exceeds the height of my viewport, and I am therefore unable to see or select the ones at the end.

Hi Ben,
Thanks so much for your report!

Can you please provide me with the component? Otherwise, I’ll probably be busy creating so many properties until tomorrow… :joy: Thanks!

Best regards,
timmse

Hey Timmse,

Thank you for looking into this — yes, of course! How do I share this, sorry? I saw you can export as a JSON, but unsure how to do this in the Builder.

Thanks,
Ben

Just click the export button :slight_smile:

Thanks so much for sending the component! 67 props… brooooooo :face_exhaling: :joy:
It just about fits on my 32" screen… but I can definitely see the problem, and have created a task for it :v:

We’ll update this thread once it’s fixed.

Hey Timmse,

Hahah — I know, I’m sorry. I’m an extreme edge case. Design system OCD is real.

Thank you for catering for me, nonetheless.

Ben

Off topic, feel free not to reply.. but I’m interested in what the use case is of having a global component with so many props?

(I’m thinking - if each instance is designed to be very different - due to lots of props changing lots of things, what’s the benefit of syncing them at all? Why not just have them as seperate elements?)

1 Like

Hey wplit,

All good — happy to explain my reasoning. This particular component is my content lockup component. So, it comes with every combination of eyebrow, title, body copy, buttons, and links I could ever need. It just makes my life easier when I’m building out a site and my template, I can just drop this single overpowered component in and know it has me covered in terms of the content. All those component properties cover things like colours, spacing, toggling elements on / off, adjusting animations, etc (I’m building out a sci-fi site, so a lot of bizarre, complex effects are needed).

I was worried at first such a large component would slow down my page, but I haven’t had any issues with it. It just makes it easier (at least, for me) having a one-stop shop component I can use for everything, instead of lots of smaller specialised components that I’ll lose track of. I’ve organised these component properties into groups so it’s easy to navigate.

Thanks,
Ben

1 Like

We fixed this issue in Bricks 2.3, now available as a one-click update in your WordPress Dashboard.

Please read the changelog entry before updating, and let us know if you continue to experience issues.

Amazing, thank you so much Timmse