ejTab object overflow error

[Irfan Alkan]

hi,

An examplecode this  http://jsplayground.syncfusion.com/  web page When tested on the Tab object is experienced flooding in the page. If enablescroll attribute is false, it appears that flooding is done. Briefly ,if we want all of the div surface ,tab object flooding right side. Reason seems to be added as a hidden object scrool.  you add to Tab pages multiply overflow(when command field open in example code). Hidden object seems to be taking the Container object width to calculate its area. But Did you need to compute the area where their drawn?

Attachment: ExampleCode_dcf87a7.zip

[Dhivyalakshmi Thirumurugan]

  Hi Irfan,   

  

Thanks for contacting Syncfusion support.   

  

We suspect that ”Tab object is experienced flooding in the page” is a sample level issue and this conflict occurs because you have used the same id for the different content in div section.   

  

For example, you have used <div id="ASP"></div> twice. Hence, the overflow occurred.   

  

Please find the modified sample link below:  

  

Sample link: http://jsplayground.syncfusion.com/5yw0zejc   

  

If this is not the reported issue, then please explain your requirement clearly, so that we will help you more effectively.   

  

Please let us know if you have any queries.   

  

Regards,   

Dhivyalakshmi.   

[Irfan Alkan]

  Hi Irfan,   

  

Thanks for contacting Syncfusion support.   

  

We suspect that ”Tab object is experienced flooding in the page” is a sample level issue and this conflict occurs because you have used the same id for the different content in div section.   

  

For example, you have used <div id="ASP"></div> twice. Hence, the overflow occurred.   

  

Please find the modified sample link below:  

  

Sample link: http://jsplayground.syncfusion.com/5yw0zejc   

  

If this is not the reported issue, then please explain your requirement clearly, so that we will help you more effectively.   

  

Please let us know if you have any queries.   

  

Regards,   

Dhivyalakshmi.   

Hi Dhivyalakshmi Thirumurugan ,

they are not the problem an examplecode in div id=asp written to duplicate.  http://jsplayground.syncfusion.com/5yw0zejc   in this code enable tab scroll is false because there is not problem. When you do true, you can see overflow to the to the right side page. In this problem İncrease that opened every new tab

Best Regards,

İrfan

[Dhivyalakshmi Thirumurugan]

  

Hi Irfan,   

  

Thanks for the update.   

  

We have analyzed the given sample by setting enableTabScroll as true but we are unable to reproduce the “Tab overflow at right end of the page” issue at our end. If we have misunderstood your requirement then, please share the replication procedure and also issue reproducing screenshot or video information, so that we will help you more effectively.    

  

Checked Sample link: http://jsplayground.syncfusion.com/4yjlw1qn 

  

Please let us know if you have any concern.   

  

Regards,   

Dhivyalakshmi.   

[Irfan Alkan]

  

Hi Irfan,   

  

Thanks for the update.   

  

We have analyzed the given sample by setting enableTabScroll as true but we are unable to reproduce the “Tab overflow at right end of the page” issue at our end. If we have misunderstood your requirement then, please share the replication procedure and also issue reproducing screenshot or video information, so that we will help you more effectively.    

  

Checked Sample link: http://jsplayground.syncfusion.com/4yjlw1qn 

  

Please let us know if you have any concern.   

  

Regards,   

Dhivyalakshmi.   

Hi Dhivyalakshmi Thirumurugan ,

The problem we have tried other browsers (firefox and microsoft edge etc.) and we did not encounter any problems. But only Google Crome browsers bring in that problem. 

Thank you for your attention.

Best Regards,

Irfan

[Dhivyalakshmi Thirumurugan]

Hi Irfan,   

  

Thanks for the update.   

  

We have checked the sample in chrome browser and found the difference between the three browser. And the difference is that in chrome, the scrollbar is enabled and we suspect that you are noticing this as issue. Kindly check the screenshot in the below link.    

  

Image Link: http://www.syncfusion.com/downloads/support/forum/124643/ze/Tab_Scrennshot-1760328939.zip   

  

If you are reporting the issue like in the attached image, then the cause is you have set the overflow:scroll in style, hence remove this style and check it in the browser.   

  

Please find the sample link here: http://jsplayground.syncfusion.com/loomria0   

  

If this is not the issue, then please share us the issue reproducing screenshot or video information.    

  

Please let us know if you have any queries.   

  

Regards,   

Dhivyalakshmi.