Input component doesn't auto-scroll text when cursor moves (text overflow issue) #229
Description
The Input component from @react-three/uikit doesn't handle text overflow properly. When entering long text that exceeds the input width, the text overflows outside the input boundaries instead of auto-scrolling to show the text near the cursor position (like standard HTML behavior).
Current Behavior
- Long text overflows
- No automatic scrolling when typing or moving cursor
Expected Behavior
- Input should auto-scroll horizontally to keep cursor visible
- When typing, should show the most recent characters
- When moving cursor, should show text around cursor position
- Behave like standard HTML
Example:
<Input marginY={100} padding={5} width={350} borderRadius={8} borderColor={"#fff"} borderWidth={1} value="https://very-long-url-that-exceeds-input-width.com/with/many/path/segments" />
