RadioButton BUTTON_INNER is out of the indicated location

[jakubziebin]

I have a problem with RadioButton, i use it with RadioSet and Horizontal layout. Here is code:

class Test(TabPane):
    def __init__(self, title: str = "") -> None:
        super().__init__(title=title)
        self.__to_choose = RadioButton("transfer to savings", id="to-savings-choose")
        self.__from_choose = RadioButton("transfer from savings", id="from-savings-choose")

    def compose(self) -> ComposeResult:
        yield Static("Choose type of operation", id="savings-transfer-header")
        with RadioSet(id="operation-type-choose"):
            yield self.__from_choose
            yield self.__to_choose

And it looks like this:

[davep]

What does a solitary radio button look like in your environment? If it looks the same, could you tell us more about your environment (the output of textual diagnose would be helpful here). If it looks okay, could you perhaps post a very minimal stand-alone example of the problem, such that one of us can run and test it without the need for other dependencies?

[TomJGooding]

What does the output in the terminal look like if you run the below? Do you know what font is being used?

echo -e '\u2590\u25CF\u258c'

[jakubziebin]

[TomJGooding]

Thanks, so it looks like you're using the default font which I assume is Ubuntu Mono. I'm wondering if that doesn't support the circle glyph which is a bit surprising.

Have you tried changing the font?

[EDIT: I've now installed Ubuntu fonts and gucharmap on my system, and yup it looks like that glyph isn't supported. It must be using a font fallback for that circle which is then overlapping]

[TomJGooding]

This looks like a known bug with Ubuntu: https://bugs.launchpad.net/ubuntu/+source/fontconfig/+bug/932958

@jakubziebin Try changing your terminal font to a monospaced font with better Unicode support.

[jakubziebin]

Yes, that's the reason. Thank you