Hi all,
Has anyone found that the repeating groups always show a scroll? I am showing a list of option sets here and the height is ‘fit height to content’. It’s as if the repeating group is about 3px too short and so shows an unnecessary scrolbar.
have you tried removing max height?
There is no max height, height is infinite.
I think css to remove the scrollbar is the only option.
This worked a treat: How to Get Rid of Scrollbars in Bubble.io | Nymbl Blog
Can I comment that this is not a solution, it’s a bypass of a problem. Why does a RG add 3px of scroll when the settings are all set to fit height? Removing the scroll bar doesn’t stop this nagging little scroll from being created, it’s almost as if RGs add a tiny bit more height than needed when calculating. Is this actually a bug ?
Context: just spent an hour with parent and child groups / RGs trying to remove a new instance of this happening, no combination of settings has yet to disable the nagging 3px scroll.
The solution is to create a RG and add a group inside, I call this a ‘Group row’.
Set the Group row to 30px high
Set the RG (appearance tab) hieght to 30px.
This typically works for me, but making the Group row’s height more than the RG row height also works.
Hey @darren.james7518 thanks for taking the time to reply. I tried this and yes - it does work. Woo! Appreciate it.
It still feels hacky, like we’re working around a variable height problem. I’d be ok if it wasn’t adding just 3px! Too obscure to be a feature.
That’s great @manipaje, yes it does feel hacky and it took me ages to figure out what was going on, it’s one of those issues that shouldn’t be an issue!
1 Like
Hi ! I aggree with @manipaje that hiding the scrollbar isn’t a very satisfying solution… I have tried to RG > row group solution but it doesn’t solve the problem on my side. I still have a ~3px problem. Like the RG is just not quite high enough… I’ve also tried adding a computed min-height, but it also doesn’t work. I have spent jours on the problem at this point… I can’t seem to fins a solution…
Any help appreciated. Cheers
The solution is to ensure the RG is larger than the inner group(s) if you apply fixed heights. Actually I am not able to check just yet but it’s something like that, you’ll need to fiddle. Alternatively, you can provide the height of your RG and the row height settings and I will recreate it and update you on the solution.
Hi @darren.james7518
Thanks for your reply. I can’t put a fixed height on my RG because it can vary (things expand in it). The height problem is actually around 8px so it’s quite significant. I have tried many things but I still haven’t found a solution…
Are you using the new responsive engine?
I created a simple RG which stretches to fit content and has no scrollbar. See my settings below.
This is a fixed height, but I show in the last image my settings without fixed height and it still works the same.
- The result shows each cell stretching to fill the content. The content comes from an option set.
[/grid]
I removed the fixed height (below)
