When using in the igx-input-group, becoming line-height to zero by styling.<br /> This issue about only version 10.</p> <p>Related #7548 </p> <ul> <li>igniteui-angular version: 10.0.3</li> <li>browser: Chrome 83.0.4103.116</li> </ul> <h2>Steps to reproduce</h2> <ol> <li>See the <a rel="nofollow noopener" target="_blank" href="https://stackblitz.com/edit/igx-inputgroup-textarea-10">https://stackblitz.com/edit/igx-inputgroup-textarea-10</a></li> <li>enter something to the text area.</li> </ol> <h2>Result</h2> <p><img src="https://i.gyazo.com/bac56fcbe6de7ea378b7cbef75cd1d50.png" alt="Image from Gyazo" width="307"/><br /> The text can't be shown fully and are place same line.</p> <h2>Expected result</h2> <p><img src="https://i.gyazo.com/6d0a18b9e5716cf387050507b8be2810.png" alt="Image from Gyazo" width="307"/></p> <p><a rel="nofollow noopener" target="_blank" href="https://stackblitz.com/edit/igx-inputgroup-textarea-9">https://stackblitz.com/edit/igx-inputgroup-textarea-9</a><br /> working well for version 9.</p> </div> <div> <span class="badge badge-primary">bug</span> <span class="badge badge-primary">input-group</span> <span class="badge badge-primary">9.1.x</span> <div class="float-right"> <a class="text-muted" href="https://www.github.com/IgniteUI/igniteui-angular/issues/7776" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5829221?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>cleverdog</strong> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 5 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi, @cleverdog.</p> <p>You correctly noticed that there were similar issues #7737 and #7752, which were fixed. You can try <a rel="nofollow noopener" target="_blank" href="https://github.com/IgniteUI/igniteui-angular/releases">igniteui-angular@10.0.4</a> (later today) and see if you are experiencing the problem.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/2621802?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Lipata picture"> <strong>Lipata</strong> <span class="text-muted ml-1">on 13 Jul 2020</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Did the fix marge to 9.1.x?<br /> I made a super simple sample by Ignite UI for angular 9.1.<br /> <a rel="nofollow noopener" target="_blank" href="https://github.com/cleverdog/angular9_textarea">https://github.com/cleverdog/angular9_textarea</a><br /> The issue still persists.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5829221?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cleverdog picture"> <strong>cleverdog</strong> <span class="text-muted ml-1">on 26 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>There were no PR targeting 9.1.x for this issue. <strong>@simeonoff</strong> should we fix this in 9.1.x too?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5990334?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="wnvko picture"> <strong>wnvko</strong> <span class="text-muted ml-1">on 31 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@wnvko</strong> Do we still support 9.1.x releases?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/4118303?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="simeonoff picture"> <strong>simeonoff</strong> <span class="text-muted ml-1">on 31 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@simeonoff</strong> 9.1.x is still in support. Bug fixing PRs should be targeting against 9.1.x, 10.1.x and master.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/52001020?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="radomirchev picture"> <strong>radomirchev</strong> <span class="text-muted ml-1">on 31 Aug 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(655596348, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(655596348, 1);" onclick="rate(655596348, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(655596348, 2);" onclick="rate(655596348, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(655596348, 3);" onclick="rate(655596348, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(655596348, 4);" onclick="rate(655596348, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(655596348, 5);" onclick="rate(655596348, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/igniteui-angular/636198928/input-type-date-is-not-visualized-correctly-when-used-inside">Input type date is not visualized correctly when used inside input group</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/7972965?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="SAndreeva picture"> <strong class="pr-1" dir="ltr">SAndreeva</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/igniteui-angular/417700079/grid-remote-paging-with-if-condition-not-working">Grid remote paging with if condition not working </a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/12508078?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nikunjgajera picture"> <strong class="pr-1" dir="ltr">nikunjgajera</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/igniteui-angular/435671649/igx-grid-question-about-resizing-behavioral-change-after-v7">[igx-grid] Question about resizing behavioral change after v7.2.1.</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/15909409?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="tkiryu picture"> <strong class="pr-1" dir="ltr">tkiryu</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/igniteui-angular/331473823/setting-hiding-the-label-of-a-igx-datepicker">Setting/hiding the label of a igx-datePicker</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/7478681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Hypenate picture"> <strong class="pr-1" dir="ltr">Hypenate</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/igniteui-angular/305681128/grid-oncellselection-eventemitter-doesn-t-fire">Grid: onCellSelection EventEmitter doesn't fire</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/1749159?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="QuinntyneBrown picture"> <strong class="pr-1" dir="ltr">QuinntyneBrown</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/IgniteUI/igniteui-angular/issues/7776" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> 漏 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <!--<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fb2db66acbd74b2"></script>--> <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>