How can I make this text scrollable?

[12lybg]

Hello,

I am trying to make the text scrollable vertically within this group ‘‘Group AI Interpretation’’. I tried changing the settings to be able to achieve this many times and it’s been impossible for me to solve it. Here I’ve uploaded a few screen-shots for you to see the settings right now of both elements. If anyone helps me achieve this will make my day, because I’ve spend a long time trying to solve it.

[Jici]

Set a max height on the group that allow to scroll when content overflow

[12lybg]

I did that before and I tried again now but the text is cutt off. The scroll doesn’t work here, I don’t know why.

[12lybg]

[12lybg]

And this is how it looks like when I delete the max height value.

[Jici]

Select fit height to content for both text and group

But from your screenshot, the text box content seem to be higher than the content so you will not have a scroolbar at this moment.

[Sam_R]

Set fit height to content on the text element.

Set fit height to content on the parent group and set a max height as shown in the picture and it should work.

This is the result

[12lybg]

@Jici

the text box content seem to be higher than the content so you will not have a scroolbar at this moment.

[12lybg]

[12lybg]

I did what you’ve told me but it’s still not working.

[rpetribu]

Remove the “Max height” from your text element…

If the max height of the group is 100 px and the max height of your text is 90 px, how do you expect the text to grow bigger than the group itself?

[12lybg]

I did what you’ve told me (I typed inf) and the problem isn’t fixed yet. I think I know what is the real problem. It’s because of the css rules I added before to the page, which is making the main page not scrollable. So I’ll see if this is the issue.

[Jici]

Like @rpetribu and I said, the group need to have a max height but not the text. After that, this depend of your text.

And yes, any custom CSS could create issue. Why did you add this? If your page is set correctly (and all content in it) you can avoid a scroll bar for your page. Here’s an example where I have a scrollable group for a table but nothing else (including the page) have a scrollbar.

[12lybg]

I removed the text max height but the issue remains. It might be because of the css rules. Here is part of what is written on the HTML document:
/* Disables scrollbars globally across desktop, iPad, and mobile viewports */
html, body {
margin: 0 !important;
padding: 0 !important;
min-height: 100% !important;
overflow: hidden !important;
}

#main-page-root {
display: flex;
flex-direction: column;
width: 100vw;
box-sizing: border-box;
justify-content: center;
background-color: #0b0c10;
min-height: 110vh;
padding-bottom: 120px;
overflow: hidden;
}

.repeating-group, .repeating-group-item, div {
overflow: visible !important;
}

[boston85719]

Delete the custom css

[rpetribu]

This is starting to feel more challenging than it should be.

[12lybg]

I think I’ll do this and redo the cards again…because the css might be what is causing all issues

[sendtable]

What im seeing in the first screenshots. Text element needs to be set fit height to content or break out the bounds and it creates the self contained height to scroll. The group stays fit heigh unchecked and allow scrolling checked. Set minimum and height max. Should solve the issues from what im seeing. you need the text to fit to height . here shots with group setting and text element.

[Jici]

group > max-height set, allow vertical scroll when content overflow. Fit to content.

Text: fit to content, no maximum-height

No custom CSS.

Try to test on a blank page

[12lybg]

@sendtable

you need the text to fit to height

The issue persists I think I should delete the css code