OJET Tab Item Truncation Issue

[vanerax]

Tab item text is truncated suddenly although there are some room left within the tab bar. It's expected to provide a way to truncated smoothly.

It happens to both OJET 4.x or 5.

Steps to reproduce:

1. Open the demo page which supports editing example directly.
   http://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=tabbar&demo=tboverflow

2. Remove max-width style so that it'll fit the window width.
   <div class="oj-flex oj-flex-items-pad oj-panel" style="max-width:800px;">
   change to
   <div class="oj-flex oj-flex-items-pad oj-panel">

3. Change the long label name from "Very very long label" to "Very very very very long label"

4. Add the following style to the html. It helps observe the truncation change more easily. (Optional)

    <style>
          .oj-tabbar-item.oj-tabbar-item-element {
		    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
          }
          
          .oj-tabbar-element {
            border: solid 1px red; 
          }
    </style>

Video link attached for the reproducing. https://youtu.be/2Mnu8JfzjJE

As a result, "Very very very very long label" is truncated as "Very ver..." suddenly. Can we have a way to truncated smoothly? Thanks

[bhalke]

@zhuanr

Thank you for reporting the issue in detail.

Issue has been taken care in latest version of JET. JET COOKBOOK LINK

Thank you
Sbhalke