disappear input placeholder after touching (without focus)

[arsalannury]

Description

after touching inputs the placeholder disappears and I have to type something and then remove it to show the placeholder again

CodeSandbox/Snack link

No response

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

gluestack-ui Version

1.0.15

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

<Input variant="outline" size="md"> <InputField placeholder={placehoderType === "inline" ? placehoder : ""} direction="rtl" writingDirection="rtl" fontFamily="Vazir" sx={{ _input: { fontFamily: "Vaizr" } }} /> </Input>

[makkarMeenu]

Hey @arsalannury , I could not reproduce this issue. Can you please create a snack and share the error reproducible code.

Screen.Recording.2023-11-15.at.11.57.42.AM.mov

[arsalannury]

as you can see after I touched the inputs the placeholder disappeared so I must type into them and remove it to show the placeholder again

this is the screen record from my device Xiaomi Redmi Note 12 s

78150bf3-6010-4c4e-813a-2c59082032b9.mp4

[makkarMeenu]

Hi @arsalannury , I also checked in a real samsung device and could not reproduce this. Can you please create a snack for the reproducible error, so that I can directly scan it. I think this issue is because of placeholder={placehoderType === "inline" ? placehoder : ""} condition.

[arsalannury]

I checked this placeholder={placehoderType === "inline" ? placehoder : ""} and it was a problem but I think it's not wrong because I can't change the placeholder type with touch during the run application so you may check this anytime you can