Placeholder is not displayed on web

[ericpoulinnz]

I am unable to get placeholders to show up on web. They work fine iOS/Android and for regular TextInputs on all platforms. I'm on version 0.1.287

I can get the issue happening with the basic component and no styling:

<MarkdownTextInput
  parser={parseExpensiMark}
  placeholder="test"
/>

[tomekzaw]

Hi @ericpoulinnz, thanks for opening this issue!

@jmusial Could you please take a look?

[jmusial]

Hey @ericpoulinnz, can you check if you can reproduce this using the WebExample ?

Seems to be working there for me

https://github.com/user-attachments/assets/63678778-21f3-4668-ac52-84711acfa9a6

[ericpoulinnz]

@jmusial Hmm yeah the web example works.

I'm not applying any styles to the component in my app, so I'm wondering if it's one of the following issues interfering?

• I use Metro, not Webpack, wondering if that "dangerouslyAddModulePathsToTranspile" is important? Surprised your example uses Webpack, I though Metro was preferred for RN web apps?
• I have NativeWind installed. Though I'm not applying any style classes to the component, maybe something is interfering at a global level?
• Same for React Native Paper?