bug: Placeholder hidden within autoGrow textarea
See original GitHub issueBug 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:
- Created 4 years ago
- Reactions:5
- Comments:7 (5 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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#L197You will need to have access to the native input (the
textarea
element).Thanks!
Hello everyone! I also experience this issue. Is this getting any priority for a fix?