Scroll bar appears in multi line textbox when switching tab

[lorryl]

Hi,

Scroll bar appears in textbox when switching tab， the textbox is multi line.

How to make the scroll bar not appear

Please check.

https://stackblitz.com/edit/angular-mk4niw?file=app.component.ts

[Satheesh Kumar Balasubramanian]

Hi Lorryl, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query "Scroll bar appears in multi line textbox when switching tab" and could reproduce the reported issue at our end. We suggest you use the heightAdjustMode property value Content to resolve the reported issue. For the same we have modified the sample for your reference which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/angular-mk4niw-skpfyx?file=app.component.html 

  

app.component.html:    

<div class="control-section e-tab-section"> 

    <div class="e-sample-resize-container"> 

        <!-- Render the Tab Component --> 

        <ejs-tab id="tab_default" heightAdjustMode='Content'> 

          ............................................................... 

        </ejs-tab> 

    </div> 

</div> 

  

Kindly try the above solution and let us know if this meets your requirement. Also, can you please share the details why you are using heightAdjustMode property value as Auto in your application? 

  

Regards, 

Satheesh Kumar B 

[lorryl]

I have a dialog window, the tab page height need to be 100%, and the multi line textbox in tab height to be 100%.

So I not follow the content.

[Satheesh Kumar Balasubramanian]

Hi Lorryl, 

  

Thanks for your update. 

  

We have validated your reported query "I have a dialog window, the tab page height need to be 100%, and the multi line textbox in tab height to be 100%." and modified the sample to reproduce the reported issue based on your shared details. But, we were unable to reproduce the reported issue at our end. 

  

Please find the modified sample which prepared for your issue - https://stackblitz.com/edit/angular-mk4niw-skpfyx?file=app.component.html 

  

Could you please share the following details to reproduce the issue? This will help us to validate the issue and provide prompt solution at earliest. 

• Share the above sample with modifying code to replicate the issue
• Share issue replicating sample if possible
• Whether you have set any height to dialog and its parent?
• Share all dialog related code snippets with its styles
  

Regards,

Satheesh Kumar B