Inserting a scrollbar

[WhoAteDaCake]

Hello, is the any special configuration when creating a scrollbar? From my understanding if my component layout is like:

• root
  • content
    • item1
    • item2
  • scrollbar

I should run ScrollBar_BindTarget for scrollbar -> content. And Widget_Append content -> root, then scrollbar -> root and it should work. However, I am not seeing the scrollbar in my component. Am I doing something wrong or is there a css property, which needs to be set for this to work?

Edit

• I tried to set overflow: scroll on content and root, but it still doesn't work.
• ScrollBar_BindBox doesn't solve it either

[WhoAteDaCake]

Hmm, it might be issue with the bindings I'm creating, even with trying to recreate test_scrollbar.c it's not working

[WhoAteDaCake]

Tried to use LCUIBuilder_LoadFile to avoid any changes, yet oddly enough, it displays the horizontal bar correctly, but not the vertical one 🤷

[lc-soft]

However, I am not seeing the scrollbar in my component.

The scrollbar is displayed when the content size exceeds the container size.

If you want to always display the scroll bar, we need to modify the source code of the scroll bar, add a property to express always display the scroll bar, and then modify the if statement here.

LCUI/src/gui/widget/scrollbar.c

Lines 407 to 416 in 85958e4

	if (n < 1.0) {
	Widget_Show(w);
	if (scrollbar->direction == LCUI_SCROLLBAR_HORIZONTAL) {
	Widget_AddClass(scrollbar->box,
	"has-horizontal-scrollbar");
	} else {
	Widget_AddClass(scrollbar->box,
	"has-vertical-scrollbar");
	}
	} else {

I tried to set overflow: scroll on content and root, but it still doesn't work.

[WhoAteDaCake]

Turns out the issue was because my parent containers did not have height property set correctly, after setting all of them to height: 100%, it worked as expected