An Input with width: auto tends to scroll the first character of its value off the left of its display

[davep]

Given the following code:

from textual.app        import App, ComposeResult
from textual.containers import Vertical
from textual.widgets    import Header, Footer, Label, Input

class InputWidthAutoApp( App[ None ] ):

    CSS = """
    Input.fixed {
        width: 30;
    }
    Input.auto {
        width: auto;
    }
    Input.pcent {
        width: 20%;
    }
    """

    def compose( self ) -> ComposeResult:
        yield Header()
        yield Vertical(
            Label( "Default width:" ), Input( placeholder="This has default width" ),
            Label( "Fixed width:" ), Input( placeholder="This has a fixed width", classes="fixed" ),
            Label( "Auto width:" ), Input( placeholder="This has auto width", classes="auto" ),
            Label( "%age width:" ), Input( placeholder="This has %age width", classes="pcent" )
        )
        yield Footer()

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

All of the inputs will show the content as you'd expect, with the exception of the one that is width: auto; where the first character will scroll off the left. It's still there and can be scrolled back to. For example, typing the same word into each Input:

[rodrigogiraoserrao]

I've got a feeling that a correct fix for this bug might render obsolete this code I wrote for #1548:

textual/src/textual/widgets/_input.py

Lines 230 to 233 in aa03373

	if width == 0:
	# If the input has no width the view position can't be elsewhere.
	self.view_position = 0
	return

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.