how to make OptionList scrollable if i have so many items on it?

[MohamedElgamal]

Hello everyone,
i added hundreds of items to OptionList to select one from them but it is not scrollable only the visible items is appear to user and others not.

[davep]

This is another good example of a question that deserves a minimal runnable example of the problem. For example, sans some other styling, the OptionList likely is height: auto. So this example would show the problem:

from textual.app import App, ComposeResult
from textual.widgets import OptionList

class OLScrollApp(App[None]):

    def compose(self) -> ComposeResult:
        yield OptionList(*[f"This is option number {n}" for n in range(5000)])

if __name__ == "__main__":
    OLScrollApp().run()

but with styling to tell OptionList how tall it should be, scrolling will work as expected:

from textual.app import App, ComposeResult
from textual.widgets import OptionList

class OLScrollApp(App[None]):

    CSS = """
    OptionList {
        height: 1fr;
    }
    """

    def compose(self) -> ComposeResult:
        yield OptionList(*[f"This is option number {n}" for n in range(5000)])

if __name__ == "__main__":
    OLScrollApp().run()