[ BUG ] Textarea and Input can't work properly with Dialog

[hlf2016]

Describe the bug
When there is a Input on the Dialog ,the words in the input will over flow the container

While there is a Textarea on the Dialog ,the words are gonna be flashing like crazy inside the container
[

ScreenRecording_09-25-2024.11-25-18_1.MP4

](url)

To Reproduce
Input

<Dialog>
                        <DialogTrigger asChild>
                            <Button variant='ghost'>
                                <Plus className='text-primary' />
                            </Button>
                        </DialogTrigger>
                        <DialogContent className='sm:max-w-[425px]'>
                            <DialogHeader>
                                <DialogTitle>订阅地址</DialogTitle>
                            </DialogHeader>
                            <Input
                                className='w-[85vw]'
                                placeholder='写入订阅源网址，以 http 或 https 开头'
                                value={subscribeUrl}
                                onChangeText={setSubscribeUrl}
                                numberOfLines={1}
                            />
                            <DialogFooter className='mt-3'>
                                <DialogClose asChild>
                                    <Button>
                                        <Text>导入</Text>
                                    </Button>
                                </DialogClose>
                            </DialogFooter>
                        </DialogContent>
                    </Dialog>

Textarea

<Dialog>
                        <DialogTrigger asChild>
                            <Button variant='ghost'>
                                <Plus className='text-primary' />
                            </Button>
                        </DialogTrigger>
                        <DialogContent className='sm:max-w-[425px]'>
                            <DialogHeader>
                                <DialogTitle>订阅地址</DialogTitle>
                            </DialogHeader>
                            <Textarea
                                className='w-[85vw]'
                                placeholder='写入订阅源网址，以 http 或 https 开头'
                                value={subscribeUrl}
                                onChangeText={setSubscribeUrl}
                                numberOfLines={1}
                            />
                            <DialogFooter className='mt-3'>
                                <DialogClose asChild>
                                    <Button>
                                        <Text>导入</Text>
                                    </Button>
                                </DialogClose>
                            </DialogFooter>
                        </DialogContent>
                    </Dialog>

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Platform (please complete the following information):

• Type: [eg: Browser, Simulator, Emulator, Device]
• OS: [e.g. iOS]
• Browser (if applies) [e.g. chrome, safari]

Additional context
Add any other context about the problem here.

[mrzachnugent]

Hey @hlf2016

The Textarea bug seems to be a React-Native bug with the multiline prop. (see: facebook/react-native#46850)

For the TextInput, you can remove the native:leading-[1.25] class name.