question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Placeholder not working while doing TextAreaControl and InputControl

See original GitHub issue

For example while doing this -

 <TextareaControl
    name="text"
    placeholder="Add your comment..."
    bg={bg}
    pt={0}
    mt={0}
    isDisabled={!data?.Me.user}
    />

The placeholder isn’t visible or even present in there while checking with inspect tools.

Formik - 2.2.6 Chakra UI - 1.3.3 formik-chakra-ui - 1.4.3

ps - thanks for this library, it saves much time and complexity

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
thekaganugurcommented, Mar 12, 2021

@Sparklytical Hey, I removed the margins as I agree with your points. I will release a new version soon. Will close the issue, since https://github.com/kgnugur/formik-chakra-ui/issues/10 is opened. Thanks.

1reaction
Sparklyticalcommented, Mar 11, 2021

I think this is rather easy way to do that but some people might not like adding another context in their app.

But then again if you think about it, the margin you think is perfect for you, for me might not fit on others and again they will have to change it. So I think it’s better to just remove them and people can handle it themselves.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Placeholder not working while doing TextAreaControl and ...
Hi, The thing is FormControl accepts placeholder but it does nothing with it. It's weird so I opened an issue on chakra-ui ....
Read more >
placeholder not working on text-field input - Stack Overflow
In your directive, the template isn't an input. So the placeholder can't work. You can change span to input or other directive who...
Read more >
TextareaControl | Block Editor Handbook
When text input isn't accepted, an error message can display instructions on how to fix it. Error messages are displayed below the input...
Read more >
Adding a Text Area control - Harness and Section forms - Pega
Select None if you do not want to display placeholder text. Select Other if you want to display a hint or instructional text...
Read more >
Textarea Control : MGA - Web Development Tutorials
The <textarea> tag is used when you need a larger input area than is provided by a ... HTML tags entered into a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found