How to add an ID to the intermediate div in repeating group?

inspektor1 · 2022-04-21T13:33:29.005Z

Hi

Bubble creates intermediate div between a repeating group’s and a cell element.
I can add an ID to repeating group and to cell, but this intermediate div is not accessible.

Frame 10321916×808 355 KB

What I want to achieve is the layout that will stretch the way in example.

Didn’t find a way to do this natively, but this can be easy implemented with some css and flexbox.
And still I need to add a parameters to child div of the RG which is not accessible.

Does anybody know how can I get an access to it? Or maybe another way to implement this

williamtisdale · 2022-04-21T18:48:53.088Z

You can add the id with javascript by accessing the repeating groups id like this:
document.getElementById("repeatingGroupId").firstChild.setAttribute('id', 'unreachableDiv')

inspektor1 · 2022-04-23T19:22:13.465Z

Thanks!
Your answer was a good starting point for me.
Eventually I came to the solution with a for loop to add a class to all child elements inside the repeating group:

const repeatingGroup = document.getElementById(“rg”);
if (repeatingGroup.hasChildNodes()) {
let children = repeatingGroup.childNodes;
for (let i = 0; i < children.length; i++) {
children[i].setAttribute(‘class’, ‘rg-item’);
}
}