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.

bug: Placeholder hidden within autoGrow textarea

See original GitHub issue

Bug Report

Ionic version:

4.4.2

Current behavior: Placeholders on <ion-textarea> elements with autoGrow set to true get clipped when pristine. Once dirty the placeholder will be fully visible.

Expected behavior: Placeholders within autoGrow textareas should be fully visible.

Issue Analytics

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

github_iconTop GitHub Comments

6reactions
liamdebeasicommented, Jun 12, 2019

Hi everyone,

I am able to reproduce this issue. We will look into it.

In the meantime, you can set autoGrow="false" and run the auto grow code manually from your app: https://github.com/ionic-team/ionic/blob/master/core/src/components/textarea/textarea.tsx#L197

You will need to have access to the native input (the textarea element).

Thanks!

2reactions
anagstefcommented, Oct 2, 2019

Hello everyone! I also experience this issue. Is this getting any priority for a fix?

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: Placeholder hidden within autoGrow textarea ... - GitHub
Current behavior: Placeholders on <ion-textarea> elements with autoGrow set to true get clipped when pristine. Once dirty the placeholder will ...
Read more >
The Cleanest Trick for Autogrowing Textareas
Here's my variation: It uses flexbox instead of css grid and has a hidden DIV behind the text area. Tested on Chrome, FireFox...
Read more >
Creating a textarea with auto-resize - javascript - Stack Overflow
I can't find any way to shrink it to the correct size - the clientHeight value comes back as the full size of...
Read more >
HTMLTextAreaElement - Web APIs | MDN
Fires when the text selection in a <textarea> element has been changed. Examples. Autogrowing textarea example. Make a textarea autogrow while ...
Read more >
Make a Textarea Auto Resize to fit Contents - Impressive Webs
On a current project, I was trying to find a way to auto-resize a textarea according to some content that would be loaded...
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