Single cell height Select widget?

[leemthai]

Is it possible to do single cell height Select widgets? The fix with Input to get them to be one cell high is to add border=None to the CSS but it doesn't seem to work for Select (There always appears to be an empty line at the top)?

I see the excellent posting app has 1-height Select widget, and everything, basically :-)

[github-actions]

We found the following entry in the FAQ which you may find helpful:

• How do I center a widget in a screen?

Feel free to close this issue if you found an answer in the FAQ. Otherwise, please give us a little time to review.

This is an automated reply, generated by FAQtory

[davep]

Select is one of those widgets where you can't really style it "just so" without diving into the source a little and seeing how the widget is constructed. By the sounds of things it's the SelectCurrent you want to be styling. For example:

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

class ShortSelectApp(App[None]):

    CSS = """
    SelectCurrent {
        border: none;
    }
    """

    def compose(self) -> ComposeResult:
        yield Select[int]((("First", 0), ("Second", 1), ("Third", 2)))
        yield Select[int]((("First", 0), ("Second", 1), ("Third", 2)))
        yield Select[int]((("First", 0), ("Second", 1), ("Third", 2)))

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

Is that the kind of effect you were looking for?

[leemthai]

Yeah, that's exactly the effect I was looking for. Cheers.

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.