react-native-reusables icon indicating copy to clipboard operation
react-native-reusables copied to clipboard

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

Open hlf2016 opened this issue 5 months ago • 1 comments

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

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

https://github.com/user-attachments/assets/74c170d7-9dc4-4bf0-af2a-a7509258a4d4

](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.

hlf2016 avatar Sep 25 '24 06:09 hlf2016